finit comme
XXXXX XXXXX Description: XXXXX
je veux
XXXXX Description: XXXXX XXXXX
“Description” couvre parfois plusieurs lignes.
Code:
CSS:
.DataForm { } .DataForm label { display: inline-block; font-size:small; margin-left:5px; width:5%; min-width:60px; } .DataForm input { margin-right:9px; display: inline-block; width:21%; min-width:30px; }
Vous devez les placer tous les deux dans un élément conteneur et y appliquer l’alignement.
Par exemple:
.formfield * { vertical-align: middle; }
Il suffit d’envelopper la zone de texte avec l’étiquette et de définir le style textarea
vertical-align: middle;
Voici un peu de magie pour tous les textareas sur la page 🙂
height
de votre étiquette à la même height
que la zone de texte multiligne. Ajoutez cssClass .alignTop{vertical-align: middle;}
pour le contrôle d’étiquette.
Utilisez vertical-align:middle
dans votre CSS.
Description:
Essaye ça:
textarea { vertical-align: top; }
Essayez de définir une hauteur sur vos éléments td.
vertical-align: middle;
signifie que l’élément auquel le style est appliqué sera aligné dans l’élément parent. La hauteur du td peut être aussi élevée que le texte à l’intérieur.
Aligner la zone de texte sur l’étiquette, pas l’étiquette sur la zone de texte,
label{ width:180px; display:inline-block; } textarea{ vertical-align:middle; }