Waarom krijg ik mijn checkbox niet links uitgelijnd?
HTML:
<div class="page_left">
<form action="/www.rechtenstudent.net/actions/register.php" method="post" class="register">
<label for="first_name">Voornaam</label>
<input type="text" name="first_name" id="first_name" tabindex="1"
<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
echo 'value="'.$_POST['first_name'].'"';
} ?> /><br />
<label for="last_name">Achternaam</label>
<input type="text" name="last_name" id="last_name" tabindex="2"
<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
echo 'value="'.$_POST['last_name'].'"';
} ?> /><br />
<label for="email">Email</label>
<input type="text" name="email" id="email" tabindex="3"
<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
echo 'value="'.$_POST['email'].'"';
} ?> /><br />
<label for="password_1">Wachtwoord</label>
<input type="password" name="password_1" id="password_1" tabindex="4"
<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
echo 'value="'.$_POST['password_1'].'"';
} ?> /><br />
<label for="password_2">Herhaal wachtwoord</label>
<input type="password" name="password_2" id="password_2" tabindex="5"
<?php if($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($rMess)) {
echo 'value="'.$_POST['password_2'].'"';
} ?> /><br />
<input type="checkbox" name="bulkmail" id="bulkmail" value="true" tabindex="6" />
<label for="bulkmail">Ik wil geen mail van Recht & Student ontvangen</label>
<img src="/captcha.php" id="captcha_img" alt="Voer dit nummer in!" />
<label for="captcha">Neem het getal rechts over</label>
<input type="text" name="captcha" id="captcha" class="captcha" tabindex="7" maxlength="4" />
<br />
<!-- <label for="submit"> </label> -->
<input type="submit" value="Registreer!" id="submit" tabindex="8"
onmouseover="this.style.cursor='pointer'" />
</form>
</div>
CSS:
/*
*
* Register Form
*
*/
.register{
height: 100%;
width: 300px;
position: relative;
}
.register input{
width: 200px;
margin-top: 2px;
float: left;
}
.register label{
color: #666;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .8em;
font-weight: bold;
line-height: 140%;
display: block;
}
.register input{
height: 16px;
width: 290px;
padding: 2px;
margin-bottom: 5px;
}
.register input.captcha{
width: 160px;
}
.register img{
height: 20px;
border: 2px solid #CCC;
margin-top: 20px;
margin-right: 2px;
padding: 0px;
float: right;
}
.register input#submit{
width: 120px;
height: 24px;
padding: 0px;
margin-top: 5px;
background-color: #DDD;
border: 2px solid #CCC;
color: #666;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: .8em;
font-weight: bold;
clear: both;
}
.register #bulkmail{
display: block;
clear: left;
float: left;
background-color: #666666;
}