two column form-- two fieldsets side-by-side

Anonymous
Not applicable

two column form-- two fieldsets side-by-side

Hello, 
I am trying to create the following form on Marketo:
0EM50000000T02o.jpg
Currently, I have the two columns as fieldsets but they are unable to stay side-by-side as columns. Is there a way to float the second fieldset higher? 

If there is also a script to create this form without fieldsets, I'd very much appreciate other suggestions!

Thank you, 
Christine
Tags (1)
3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator

Re: two column form-- two fieldsets side-by-side

I'm sure something can be done.  Please post a link to your form.
Anonymous
Not applicable

Re: two column form-- two fieldsets side-by-side

Here's the draft of the form: http://knowledge.wes.org/Test-Beanstrream_Test-Landing1.html
SanfordWhiteman
Level 10 - Community Moderator

Re: two column form-- two fieldsets side-by-side

Overriding a few CSS styles to enable the float:

.mktoForm {
    width: 960px;
}

.mktoForm style + .mktoFormRow {
    float: left;
}

.mktoForm style + .mktoFormRow + .mktoFormRow {
    clear: right;
}

​Restyling forms means a significant CSS investment.  You may want to look at my destyled embedded form example because at a certain point trying to cooperate with Marketo's styles while deeply customizing the form is a losing battle.  You're better off just using their base HTML and then creating the look-and-feel from scratch.