View Full Version : Having little problem with alignment

06-13-2012, 01:36 PM

I have almost finished my webpage.

BUt I have a problem with the line up of elements in the form.

You can see the form on at the bottom of the page here:

Learn Turkish in Turkey (http://learnturkish.simpg.net)

The code I have is this:

<form name="regis" action="http://simpg.net/au_contact.php" method="POST">
<input type="hidden" name="t5a6lk" value="9y6es" >
<input type="hidden" name="x_page_id" value="1" >
<div class="art_title">
<input class="data1" type="text" name="x_mes_head" size="25" value = "Turkish Language Course" >
<div class="art_title">
<input class="data1" type="text" name="x_contact" size="25" value = "" >
<div class="art_title">
<input class="data1" type="text" name="x_email" size="25" value = "" >
<div class="art_title">
<textarea id="sug_body" class="data1" rows="12" cols="50" name="x_mess"></textarea>
<div class="art_title">
<label>Verification Image:</label>
<span><img src="images/check1.jpg"></span>
<div class="art_title">
<label>How many heads ?:&nbsp;</label>
<input class="data1" type="text" name="x_check" size="20" value = "" >
<div style="margin:20px auto;">
<input type="submit" value="SEND MESSAGE NOW">

Those elements are only out of alignment by half a line
maybe 5mm.

Not sure what I need to do to get them completely in line. :o

Not sure if it's relevant, but I used the online website builder called Simplepage to produce the page. Simplepage.net (http://simplepage.net)

Maybe there needs to be a change of code in the builder software ?

Any help appreciated.

06-13-2012, 02:04 PM
You have given a bottom margin to the labels where as a top-margin to the input elements.

06-13-2012, 06:27 PM
Great - you are very good at spotting these things !!!

Thanks a lot.