Appnitro Software Forums » MachForm

horizontal form

(4 posts)

  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 3 years ago #

  2. redityo
    MachForm Support

    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;

}
    Posted 3 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 3 years ago #

  4. redityo
    MachForm Support

    Hi,

    try to insert margin-right rules on li_5 like this

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

RSS feed for this topic

Reply

You must log in to post.