Discussions actives
CSS, formulaire et labels multilignes (2)CSS, XHTML et formulaire (12)
Espresso : étapes de construction des CSS (7)
Images de fond, boites rondes (13)
Images d'arrière plan (8)
CSS, formulaire et labels multilignes
Bonjour,
Je suis débutante en programmation, et je suis en train de réaliser un formulaire. Par contre, j'ai des problèmes au niveau du rendu...
Mes labels font parfois plusieurs lignes et mes input (ou select) se retrouvent alors n'importe où. Serait-il possible, via CSS de s'arranger pour que les input/select se trouvent toujours au milieu par rapport au label (voir schéma) et ce indépendemment de la résolution, du navigateur, ...) ?
Voici comment j'ai construit mon formulaire:
Je suis débutante en programmation, et je suis en train de réaliser un formulaire. Par contre, j'ai des problèmes au niveau du rendu...
Mes labels font parfois plusieurs lignes et mes input (ou select) se retrouvent alors n'importe où. Serait-il possible, via CSS de s'arranger pour que les input/select se trouvent toujours au milieu par rapport au label (voir schéma) et ce indépendemment de la résolution, du navigateur, ...) ?
-------------------------------
| |
| label1: input1/select1 |
| |
| label2 sur |
| plusieurs: input2/select2 |
| lignes |
| |
| | OK | |
-------------------------------
Voici comment j'ai construit mon formulaire:
<form id=monForm action="page2.php" method=POST>
<fieldset>
<!-- constrution similaire pour les autres types d'input et les select -->
<p>
<label for="form_prenom">Prenom: </label>
<input type="text" id="form_prenom" name="prenom" />
</p>
...
Merci d'avance de vos réponses!
(Je peux poster plus de code si nécessaire!)
Ecrit par , le Mercredi 6 Février 2008, 15:50 dans la rubrique "Premiers Pas".
Commentaires :
(oops j'ai appuyé sur valider un peu vite)
Hello, (si tu suis toujours ce post)
Le plus simple je pense est d'utiliser un tableau.
Voici un exemple de code :
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Label 1</td><td>input1 / select1</td>
</tr>
<tr>
<td>Label 2</td><td>input2 / select2</td>
</tr>
</table>
N'hésites pas si tu as d'autres questions !
Version XML
- Cette page est peut-être encore valide XHTML1.1 et CSS sans tableaux.
Thème inspiré par Bryan Bell.
Thème inspiré par Bryan Bell.
Hello, (si tu suis toujours ce post)
Le plus simple je pense est d'utiliser un tableau.
Voici un exemple de code :
<table