https://legacy.forums.gravityhelp.com/topic/drop-down-boxes-alignement-problem Gravity Support Forums Topic: Drop down boxes alignement problem en-US Tue, 21 Apr 2026 16:17:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/drop-down-boxes-alignement-problem#post-36020 Fri, 23 Sep 2011 09:46:20 +0000 Kevin Flahaut 36020@https://legacy.forums.gravityhelp.com/ <p>You would target them for CSS manipulation using the ID on the parent list item this way.</p> <pre><code>[css] /* first field */ body #gform_wrapper_1 .gform_body .gform_fields li#field_1_1.gfield { border: 1px solid red } /* second field */ body #gform_wrapper_1 .gform_body .gform_fields li#field_1_2.gfield { border: 1px solid blue } /* third field */ body #gform_wrapper_1 .gform_body .gform_fields li#field_1_34.gfield { border: 1px solid green }</code></pre> <p>screenshot: <a href="http://bit.ly/qHMVxY" rel="nofollow">http://bit.ly/qHMVxY</a></p> <p>More targeting samples, etc. can be found in the documentation here if you need.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/drop-down-boxes-alignement-problem#post-36017 Fri, 23 Sep 2011 08:05:25 +0000 paulbcram 36017@https://legacy.forums.gravityhelp.com/ <p>Hi - many thanks for really quick advice - yes I put the empty HTML field in and it aligns correctly. I since changed back to 4 columns for this row which i think looks better.</p> <p>You mentioned about targeting the first 3 fields by their ID and set constant height. I know how to find their ID , but what code would fix the problem as opposed to inserting HTML box. I wasnt sure of the code for this and it would be helpful for targeting other field. eg I also need to left align the first row and equally space the fields</p> <p>Many thanks for your great support</p> <p>Paul </p> https://legacy.forums.gravityhelp.com/topic/drop-down-boxes-alignement-problem#post-36015 Fri, 23 Sep 2011 07:39:36 +0000 Kevin Flahaut 36015@https://legacy.forums.gravityhelp.com/ <p>The problem is that the preceding "division" field is taller/occupies more vertical space than the first two fields. This is causing the following floated elements to "hang" on the elements invisible border. That's one of the problems when you're making extensive use of the CSS Ready Classes or using lots of floated elements.. floats don't work like inline elements so the height of the fields matter.</p> <p>You can target the first 3 fields by their ID and set a consistent height, or you can try adding an empty HTML block field just after the "division" field that will clear the floated elements.</p> <p>test screenshot ( with empty HTML block ) : <a href="http://bit.ly/pT2z8V" rel="nofollow">http://bit.ly/pT2z8V</a> </p> https://legacy.forums.gravityhelp.com/topic/drop-down-boxes-alignement-problem#post-36014 Fri, 23 Sep 2011 07:05:48 +0000 paulbcram 36014@https://legacy.forums.gravityhelp.com/ <p>HI - hope someone can help with this. I am new to GF and grappling with editing the HTML. On one particluar line the fields do not line up horizontally. I have changed the format from 4 column layout to 2 column and same error. The problem is specifically on the fields 'home team' and 'away team'.</p> <p>I have used the code for 4 columns pasted from the forum and this works ok further down the form. There must be something that mis-aligns these fields on the row.<br /> form is here:<br /> <a href="http://www.results.nctt.co.uk" rel="nofollow">http://www.results.nctt.co.uk</a></p> <p>Many thanks for any advice! </p>