Page 1 sur 1

positionnement: float, input, pre-wrap

Publié : 11 sept. 2008, 16:44
par arno.
Hello.
J'ai un pb de positionnement:
j'ai pas mal de champs <input> avec des <label> devant. Il y en a un par ligne.
Je voudrais que chaque champ <input> prenne toute la place disponible. Le problème, c'est que les <label> n'ont pas tous la même taille.
http://www.fdn.fr/~arenevier/tmp/css_1.html

Mais en fait, c'est encore plus compliqué. Parceque j'ai une image à droite en float:right. Et je voudrais que les premiers champs s'arrêtent à gauche de l'image, mais que les suivants aillent jusqu'au bord de la page (dès qu'il y a la place).
http://www.fdn.fr/~arenevier/tmp/css_2.html

La, je nage complétement, donc si vous avez des idées, elles sont les bienvenues.

a+
arno

Publié : 11 sept. 2008, 22:48
par Benoit
Je pense que tu dois utiliser un tableau : TR pour les lignes, TH pour les labels, TD pour les champs. C'est fait pour ça.

Ça ne résout pas le problème de ton image évidemment, à moins que tu lui donnes une taille proportionnelle à la hauteur des lignes (en em).

Publié : 12 sept. 2008, 00:02
par Fabrice.Tres.Net
Non, pas de tableau...

Tu peux t'inspirer de :
http://web.covertprestige.info/test/27- ... leaux.html

La solution consiste à avoir :

Code : Tout sélectionner

<div>
        <img ... float:right>
        <form ...
          ...
        </form>
</div>

Publié : 12 sept. 2008, 23:32
par Benoit
Un tableau est tout à fait adapté à cette situation. Des en-têtes et des valeurs c'est exactement pour ça que ce type de balisage existe.

Publié : 15 sept. 2008, 13:03
par arno.
ok merci, j'ai utilisé un tableau, ça ne fonctionne pas avec l'image, mais c'est déjà ça.