[Résolu] Modèle tabulaire en CSS et éléments de formulaire

Bonsoir à tous,

J'ai lu le tutoriel consacré au modèle tabulaire en CSS.

Ainsi, j'essaie de faire de la même chose avec un div et un élément de formulaire (input, textarea, etc...) positionnés l'un à côté de l'autre avec la propriété "table-cell". Mais je n'obtiens pas le comportement souhaité par l'élément de formulaire (mauvais positionnement, mauvaise occupation de l'espace...).

Je sollicite donc votre aide pour m'éclaircir à ce sujet. N'est-ce simplement pas possible d'utiliser cette propriété sur ces balises? Ou existe-t'il un moyen pour contourner ce problème?

Bonsoir, bien sûr que cela fonctionne, toue dépend de ce que tu veux faire. Pour t'aider il faudrait en savoir plus. ( La preuve: http://codepen.io/anon/pen/BgyEF )

Merci pour ta réponse!

J'ai modifié le code que tu m'as partagé en ajoutant une bordure à la classe "form-item". On se rend très vite compte que tous les éléments input ne prennent pas la même hauteur que les labels. Or, un des comportements des cellules de tableaux, c'est d'être de même hauteur (la plus petite s'adaptant à la plus grande).

Regardes par toi-même : http://codepen.io/anon/pen/GboIq

Vois-tu de quoi je parle?

Au passage, merci pour m'avoir fait découvrir ce site!

Re-bonsoir!

Je n'ai pas vu que tu as ajouté une marge inférieure. Tout fonctionne correctement!

Va falloir que je regarde en détail pourquoi j'ai pas réussi à reproduire ceci.

En tout cas c'est possible. Merci à toi!