Where am I going wrong here? Certain fields don't line up.
HTML Code:
<style type="text/css">
/*Contact form*/
label {
width:4em;
float:left;
text-align:right;
margin-right:1.5em;
display:block
}
.submit input {
margin-left:4.5em;
}
input.text {
border:1px solid [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=232a15]#232a15[/URL]
margin:2px;
border:1px solid [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=A8A8A8]#A8A8A8[/URL]
font-family:Verdana,Arial,Helvetica,sans-serif;
}
textarea {
border: 1px solid [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=232a15]#232a15[/URL]
margin: 2px;
border:1px solid [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=A8A8A8]#A8A8A8[/URL]
font-family:Verdana,Arial,Helvetica,sans-serif;
}
fieldset {
border:1px solid [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=232a15]#232a15[/URL]
padding: 4px;
border:1px solid [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=A8A8A8]#A8A8A8[/URL]
}
p.error, p.success {
font-weight: bold;
padding: 10px;
border: 1px solid;
}
p.error {
background: [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=ffc0c0]#ffc0c0[/URL]
color: [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=900]#900[/URL]
}
p.success {
background: [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=b3ff69]#b3ff69[/URL]
color: [URL=http://www.edugeek.net/misc.php?do=dbtech_usertag_hash&hash=4fa000]#4fa000[/URL]
}
</style>
<form action="<?php echo basename(__FILE__); ?>" method="post">
<noscript>
<p><input type="hidden" name="nojs" id="nojs" /></p>
</noscript>
<fieldset>
<div>
<label for="name">Name</label>
<input type="text" class="text" name="name" id="name" size="30" value="<?php if (isset($_POST['name']) && !empty($_POST['name'])) echo $_POST['name']; ?>" />
</div>
<div>
<label for="pupilsname">Pupils Name (if different)</label>
<input type="text" class="text" name="pupilsname" id="pupilsname" size="30" value="<?php if (isset($_POST['pupilsname']) && !empty($_POST['pupilsname'])) echo $_POST['pupilsname']; ?>" />
</div>
<div>
<label for="tutorgroup">Tutor group</label>
<input type="text" class="text" name="tutorgroup" id="tutorgroup" size="30" value="<?php if (isset($_POST['tutorgroup']) && !empty($_POST['tutorgroup'])) echo $_POST['tutorgroup']; ?>" />
</div>
<div>
<label for="pupilssportactivity">Pupils sport/activity</label>
<input type="text" class="text" name="pupilssportactivity" id="pupilssportactivity" size="30" value="<?php if (isset($_POST['pupilssportactivity']) && !empty($_POST['pupilssportactivity'])) echo $_POST['pupilssportactivity']; ?>" />
</div>
<div>
<label for="pupilsachievement">Pupils achievement</label>
<textarea rows="6" cols="40" name="pupilsachievement" id="pupilsachievement" value="<?php if (isset($_POST['pupilsachievement']) && !empty($_POST['pupilsachievement'])) echo $_POST['pupilsachievement']; ?>" /></textarea>
</div>
<div>
<label for="email">E-mail</label>
<input type="text" class="text" name="email" id="email" size="30" value="" />
</div>
<div class="submit">
<input type="submit" name="submit" id="submit" value="Submit" />
</div>
</fieldset>
</form> Tutor group, pupils sport, pupils achievement all display out of line.