https://legacy.forums.gravityhelp.com/topic/css-positioning-help-kevin Gravity Support Forums Topic: CSS Positioning help (Kevin?) en-US Sun, 19 Apr 2026 21:42:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-positioning-help-kevin#post-7985 Thu, 29 Jul 2010 14:52:51 +0000 Kevin Flahaut 7985@https://legacy.forums.gravityhelp.com/ <p>Super. Thanks for the update Robert. </p> https://legacy.forums.gravityhelp.com/topic/css-positioning-help-kevin#post-7983 Thu, 29 Jul 2010 12:53:56 +0000 RobertLBasil 7983@https://legacy.forums.gravityhelp.com/ <p>That did it, thanks Kevin! </p> https://legacy.forums.gravityhelp.com/topic/css-positioning-help-kevin#post-7960 Wed, 28 Jul 2010 22:00:52 +0000 Kevin Flahaut 7960@https://legacy.forums.gravityhelp.com/ <p>Looks like you applied the float in a couple of the wrong places.. to your HTML block, etc. You want to float the first 2 list items in the row, and not the third so it clears the float and starts a new row.</p> <p>Try this.. should work better.</p> <p><code>#gform_wrapper_1 #field_1_2, #gform_wrapper_1 #field_1_3, #gform_wrapper_1 #field_1_6, #gform_wrapper_1 #field_1_7, #gform_wrapper_1 #field_1_9, #gform_wrapper_1 #field_1_10, #gform_wrapper_1 #field_1_9, #gform_wrapper_1 #field_1_10, #gform_wrapper_1 #field_1_12, #gform_wrapper_1 #field_1_13 {float:left; width:33%;}</code></p> <p>Since you're re-setting your container width and the inputs are a percentage of that, you'll probably want to go to the admin and set the field widths to "large" on those to compensate. </p> https://legacy.forums.gravityhelp.com/topic/css-positioning-help-kevin#post-7955 Wed, 28 Jul 2010 19:30:27 +0000 RobertLBasil 7955@https://legacy.forums.gravityhelp.com/ <p>Kevin,</p> <p>After reading over the old thread of yours on CSS positioning of the form fields I've been trying in vain to postion my form. ie:</p> <p>Level 1<br /> 1 1 1</p> <p>Level 2<br /> 1 1 1<br /> 2 2 2<br /> 3 3 3</p> <p>But for some reson the second level is giving me problems. Anyone care to give me some ideas?</p> <p>Here is the form URL:<br /> <a href="http://www.plexusresourcecenter.com/business-builder-challenge-worksheet/" rel="nofollow">http://www.plexusresourcecenter.com/business-builder-challenge-worksheet/</a></p> <p>Here is my current CSS for the form.</p> <pre><code>#gform_wrapper_1 #field_1_2, #gform_wrapper_1 #field_1_3 {float:left; width:34%;} #gform_wrapper_1 #field_1_5, #gform_wrapper_1 #field_1_6 {float:left; width:34%;} #gform_wrapper_1 #field_1_8, #gform_wrapper_1 #field_1_9 {float:left; width:34%;} #gform_wrapper_1 #field_1_11, #gform_wrapper_1 #field_1_12 {float:left; width:34%;}</code></pre> <p>Thanks! </p>