two column form-- two fieldsets side-by-side | Community
Skip to main content
A
Anonymous
March 17, 2015
Question

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

  • March 17, 2015
  • 3 replies
  • 2840 views
Hello, 
I am trying to create the following form on Marketo:

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
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

SanfordWhiteman
SanfordWhiteman
Level 10
March 17, 2015
I'm sure something can be done.  Please post a link to your form.
A
Anonymous
March 18, 2015
Here's the draft of the form: http://knowledge.wes.org/Test-Beanstrream_Test-Landing1.html
SanfordWhiteman
SanfordWhiteman
Level 10
March 18, 2015
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.
Terms & ConditionsAccessibility statement

Loading footer...