04 Apr, 2009
Formulier zonder tabellen
Categoriën: crossbrowser |form |template |valid |W3C |Xhtml Strict
Tabellen dienen niet voor bijvoorbeeld een formulier structuur te geven, maar voor data die tabulair dient weer te geven te worden. Dus hier een manier om je formulier te stylen, zonder tabellen.
HTML
<form action="post"> <p> <label for="name">Name</label> <input id="name" name="name" /> </p> <p> <label for="address">Address</label> <input id="address" name="address" /> </p> <p> <label for="city">City</label> <input id="city" name="city" /> </p> </form>
CSS
label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}
label {
text-align: right;
width: 75px;
padding-right: 20px;
}
p {
clear: left;
}