Voici comment créer un formulaire aligné en 5 min et sans utiliser de tableau.
Tout d'abord le css:
<style type="text/css"> .form { float:left; width:100px; } </style>
- On créer une classe “form”.
- Tous ce qui sera contenu dans cette class sera aligné à gauche.
- L'élément sur lequel la class form sera appliqué fera 100px de large.
voici le code html:
<span class="form">Nom :</span><input type="text" name="Nom" class="champ"><br /> <span class="form">Organisation :</span><input type="text" name="Organisation"><br /> <span class="form">E-mail :</span><input type="text" name="Email"><br /> <span class="form">Téléphone :</span><input type="text" name="Telephone"><br /> <span class="form">Message :</span><textarea name="Message" cols="50" rows="5"></textarea><br />
Il nous suffit maintenant d'appliquer aux mots, se trouvant avant chaque champ, la class form afin de faire en sorte que les champs du formulaire soient alignés.
Discussion