https://www.machform.com/forums/ MachForm Community Forums Topic: horizontal form en Wed, 06 May 2026 02:27:46 +0000 https://www.machform.com/forums/topic/horizontal-form#post-3411 Sat, 25 Oct 2008 08:07:10 +0000 redityo 3411@https://www.machform.com/forums/ <p>Hi,</p> <p>try to insert <strong>margin-right</strong> rules on li_5 like this</p> <pre><code>#li_5 { display:inline; width:40%; float:right; margin-right:10px !important; }</code></pre> https://www.machform.com/forums/topic/horizontal-form#post-3408 Fri, 24 Oct 2008 20:45:56 +0000 craig 3408@https://www.machform.com/forums/ <p>Thank you, I have done this but it has pushed the message box over to the right alot so its going over the edge of the background if you have a look you will see what I mean. Can I adjust the spacing between it as it looks like its around 50px.</p> <p>Kind regards,</p> <p>Craig Dorricott. </p> https://www.machform.com/forums/topic/horizontal-form#post-3406 Fri, 24 Oct 2008 19:42:22 +0000 redityo 3406@https://www.machform.com/forums/ <p>Hi,</p> <p>Hmmm ... it seems you want to line up the element with another format. I've seen you form, in there you have these information :</p> <p>- name element with id = 1<br /> - email element with id = 3<br /> - message element with id = 5</p> <p>first you have to make sure the element order on form editor like this :</p> <p>- name<br /> - message<br /> - email</p> <p>then, edit your CSS form and insert this code :</p> <pre><code>#li_1 { display:inline; width:45%; float:left; } #li_5 { display:inline; width:40%; float:right; } #li_3 { display:inline; width:45%; float:left; }</code></pre> https://www.machform.com/forums/topic/horizontal-form#post-3405 Fri, 24 Oct 2008 16:37:38 +0000 craig 3405@https://www.machform.com/forums/ <p>Hi How do I make the form horizontal. if you go to this link <a href="http://www.quay-digital/webdesign/ikonia/contact.php" rel="nofollow">http://www.quay-digital/webdesign/ikonia/contact.php</a> you will see what I mean. I want the message box to be on the right of the name and email input boxes.</p> <p>Can this be done? </p>