Bonjour à tous!!
Voila j'ai dans une div 3 label et 3 input de type texte. Chacun des label correspondent à un input. J'essaie de tous les aligner et j'ai réussi grace à la propriété table-cell de display. Mais certains input doivent être plus grand que les autres et lorsque j'en agrandi un il dépasse sur l'autre colonne du table-cell (voir image ci_jointe). Et donc j'aimerai que lorsque l'on modifie la taille d'un input la colonne du table-cell se modifie ou alors savoir comment modifier la taille de la colonne. car j'ai testé avec column-width mais sans succès. voici mon code:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <em style=" display: table-cell;column-width:150%; "> <label for="designation" class="label">Désignation</label><br class="br"/> <input id="designation" name="designation" type="text" style="width:150%; height :30px;" required /> </em> <em style=" display: table-cell; table-layout: auto; "> <label for="reference" class="label" style="display:inline;">Reference</label><br class="br"/> <input id="reference" name="reference" type="text" style="width:75%;" required> </em> <em style=" display: table-cell; "> <label for="indice" class="label">Indice</label><br class="br"/> <input id="indice" name="indice" type="text" style="width:15%; "> </em>
ma class label:
Quelqu'un aurai-t-il une idée ? Merci d'avance pour votre aide .
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 .label { float:left; width:161px; padding:8px 0px 2px 0px; }
Partager