MachForm Community Forums » MachForm 2

1. craig
   Member

   Hi How do I make the form horizontal. if you go to this link http://www.quay-digital/webdesign/ikonia/contact.php you will see what I mean. I want the message box to be on the right of the name and email input boxes.

   Can this be done?

   Posted 16 years ago #
2. 

   redityo

   Hi,

   Hmmm ... it seems you want to line up the element with another format. I've seen you form, in there you have these information :

   - name element with id = 1
   - email element with id = 3
   - message element with id = 5

   first you have to make sure the element order on form editor like this :

   - name
   - message
   - email

   then, edit your CSS form and insert this 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;
   
   }

   ---

   MachForm Support

   Posted 16 years ago #

3. craig
   Member

   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.

   Kind regards,

   Craig Dorricott.

   Posted 16 years ago #
4. 

   redityo

   Hi,

   try to insert margin-right rules on li_5 like this

   #li_5 {
   display:inline;
   width:40%;
   float:right;
   margin-right:10px !important;
   }

   ---

   MachForm Support

   Posted 16 years ago #

RSS feed for this topic

Reply

You must log in to post.