https://www.machform.com/forums/ MachForm Community Forums Topic: 3 or more fields on same line en Wed, 06 May 2026 04:36:57 +0000 https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2305 Wed, 09 Jul 2008 14:45:44 +0000 yuniar 2305@https://www.machform.com/forums/ <p>great! </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2298 Wed, 09 Jul 2008 14:25:24 +0000 hang-koocho 2298@https://www.machform.com/forums/ <p>yuniar, by changing the width of the affected form it finally works!<br /> the original code was<br /> #li_5{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_7{<br /> float: left;<br /> width: 30%;<br /> }</p> <p>#li_6{<br /> float: left;<br /> width: 35%;<br /> }</p> <p>it change to<br /> #li_5{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_7{<br /> float: left;<br /> width: 24%;<br /> }</p> <p>#li_6{<br /> float: left;<br /> width: 38%;<br /> }</p> <p>the total width now is 92% it was 95%.</p> <p>thanks for your great support! </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2296 Wed, 09 Jul 2008 12:58:13 +0000 yuniar 2296@https://www.machform.com/forums/ <p>Hmm.. if you checked the direct link to your form:<br /> <a href="http://eastwoodcompanies.com/formca_tec/embed.php?id=1" rel="nofollow">http://eastwoodcompanies.com/formca_tec/embed.php?id=1</a></p> <p>it shows the correct three fields on single line.</p> <p>but got messed up when embedded on:<br /> <a href="http://eastwoodcompanies.com/enshop/index.php?main_page=page&#38;id=41" rel="nofollow">http://eastwoodcompanies.com/enshop/index.php?main_page=page&#38;id=41</a></p> <p>perhaps you should try to make the width of those fields to be smaller, try 25% instead of 30%.</p> <p>Or perhaps can I login to your MachForm to fix this?</p> <p>Please let me know the detail by opening a request here:<br /> <a href="http://www.appnitro.com/support/index.php?pg=request" rel="nofollow">http://www.appnitro.com/support/index.php?pg=request</a> </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2277 Tue, 08 Jul 2008 03:27:22 +0000 hang-koocho 2277@https://www.machform.com/forums/ <p>yuniar, thanks for you post, i added code you suggest but still no success.<br /> Now if you look at my sample on person1 and person 2 here<br /> <a href="http://eastwoodcompanies.com/enshop/index.php?main_page=page&#38;id=41" rel="nofollow">http://eastwoodcompanies.com/enshop/index.php?main_page=page&#38;id=41</a></p> <p>only Name - Phone - Email should be on the same line<br /> Concerned about weight - Concerned about diabetes should be below.</p> <p>now part of the css code is<br /> #li_1{<br /> float: left;<br /> width: 40%;<br /> clear: both;<br /> }</p> <p>#li_2{<br /> width: 55%;<br /> }</p> <p>#li_5{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_7{<br /> float: left;<br /> width: 30%;<br /> }</p> <p>#li_6{<br /> float: left;<br /> width: 35%;<br /> }</p> <p>#li_25{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_28{<br /> float: left;<br /> width: 50%;<br /> }</p> <p>#li_10{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_11{<br /> float: left;<br /> width: 30%;<br /> }</p> <p>#li_12{<br /> float: left;<br /> width: 35%;<br /> }</p> <p>#li_27{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_26{<br /> float: left;<br /> width: 50%;<br /> }</p> <p>it shouldnt behave this way, please take a look sample again</p> <p>many thanks </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2274 Mon, 07 Jul 2008 18:39:49 +0000 yuniar 2274@https://www.machform.com/forums/ <p>expat -- sorry! you're right, it should be the first field on the line.</p> <p>walags -- can you paste the URL of your form?</p> <p>or you can use this form and submit there: <a href="http://www.appnitro.com/support/index.php?pg=request" rel="nofollow">http://www.appnitro.com/support/index.php?pg=request</a> </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2267 Sun, 06 Jul 2008 07:19:01 +0000 walags 2267@https://www.machform.com/forums/ <p>does anyone have an issue with firefox3 and fields on the same line? i have checkboxes in my form. everything is fine in IE but in ff3 the fields can not be selected. </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2264 Sat, 05 Jul 2008 21:58:58 +0000 expat 2264@https://www.machform.com/forums/ <p>maybe u mean, the first field on the line should have the clear: both; ;)</p> <p>rather than the first field of the form !! </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2263 Sat, 05 Jul 2008 21:13:43 +0000 yuniar 2263@https://www.machform.com/forums/ <p>For Person2, the CSS should be:</p> <pre><code>#li_10{ float: left; width: 30%; clear: both; } #li_11{ float: left; width: 30%; } #li_12{ float: left; width: 35%; }</code></pre> <p><code></code></p> <p>For Person3, the CSS should be:</p> <pre><code>#li_14{ float: left; width: 30%; clear: both; } #li_15{ float: left; width: 30%; } #li_16{ float: left; width: 35%; }</code></pre> <p><code></code><br /> and so on for the others.</p> <p>I hope I'm being clear for you. </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2262 Sat, 05 Jul 2008 21:09:42 +0000 yuniar 2262@https://www.machform.com/forums/ <p>I'll take a sample with Person1 fields.<br /> The CSS should be like this:</p> <pre><code>#li_5{ float: left; width: 30%; clear: both; } #li_7{ float: left; width: 30%; } #li_6{ float: left; width: 35%; }</code></pre> <p><code></code><br /> I think you forgot to add <code>float: left</code> to li_7 and li_6. </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2259 Sat, 05 Jul 2008 19:18:59 +0000 hang-koocho 2259@https://www.machform.com/forums/ <p>any solution for this? many thanks </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2255 Fri, 04 Jul 2008 15:15:17 +0000 hang-koocho 2255@https://www.machform.com/forums/ <p>Even I add clear: both; on the first field still no success<br /> Please take a look at my form<br /> <a href="http://eastwoodcompanies.com/enshop/index.php?main_page=page&#38;id=41" rel="nofollow">http://eastwoodcompanies.com/enshop/index.php?main_page=page&#38;id=41</a></p> <p>I add the following css code<br /> #li_1{<br /> float: left;<br /> width: 40%;<br /> clear: both;<br /> }</p> <p>#li_2{<br /> width: 55%;<br /> }</p> <p>#li_5{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_7{<br /> width: 30%;<br /> }</p> <p>#li_6{</p> <p>width: 35%;<br /> }</p> <p>#li_25{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_28{<br /> width: 50%;<br /> }</p> <p>#li_10{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_11{<br /> width: 30%;<br /> }</p> <p>#li_12{<br /> width: 35%;<br /> }</p> <p>#li_27{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_26{<br /> width: 50%;<br /> }</p> <p>#li_14{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_15{<br /> width: 30%;<br /> }</p> <p>#li_16{<br /> width: 35%;<br /> }</p> <p>#li_29{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_30{<br /> width: 50%;<br /> }</p> <p>#li_18{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_19{<br /> width: 30%;<br /> }</p> <p>#li_20{<br /> width: 35%;<br /> }</p> <p>#li_32{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_31{<br /> width: 50%;<br /> }</p> <p>#li_22{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_23{<br /> width: 30%;<br /> }</p> <p>#li_24{<br /> width: 35%;<br /> }</p> <p>#li_34{<br /> float: left;<br /> clear: both;<br /> width: 40%;<br /> }</p> <p>#li_33{<br /> width: 50%;<br /> } </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2245 Thu, 03 Jul 2008 17:01:16 +0000 yuniar 2245@https://www.machform.com/forums/ <p><code>clear: both;</code> should be used for the first field only.</p> <p>So if li_5 is the first field, remove <code>clear: both;</code> from the others. </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2241 Thu, 03 Jul 2008 09:44:16 +0000 hang-koocho 2241@https://www.machform.com/forums/ <p>this css code still not solve my problem</p> <p>#li_5{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_7{<br /> width: 30%;<br /> float: left;<br /> clear: both;<br /> }</p> <p>#li_6{<br /> float: left;<br /> clear: both;<br /> width: 35%;<br /> }</p> <p>do you know any other methods? I just need to align my fields on the same line. i guess it shouldn't be too hard, but can't seem to find it working. </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2240 Thu, 03 Jul 2008 08:31:08 +0000 Saghalie 2240@https://www.machform.com/forums/ <p>It is possible; you will need to adjust the width for each field. Make sure that the total width combined doesn't exceed 100%.</p> <p>Also, add "float: left;" for each field.</p> <p>Saghalie<br /> <a href="http://www.beautiful-beginnings.org" rel="nofollow">http://www.beautiful-beginnings.org</a> </p> https://www.machform.com/forums/topic/3-or-more-fields-on-same-line#post-2238 Thu, 03 Jul 2008 01:40:54 +0000 hang-koocho 2238@https://www.machform.com/forums/ <p>is there a way to display 3 or more fields on the same line? I added following css code,<br /> #li_5{<br /> float: left;<br /> width: 30%;<br /> clear: both;<br /> }</p> <p>#li_7{<br /> width: 30%;<br /> }</p> <p>#li_6{<br /> width: 35%;<br /> }</p> <p>first and second one display side by side, but not the last one.<br /> Please share your soltion to it. thanks </p>