positionnement: float, input, pre-wrap

[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

[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).

[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>

[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.

[arno.]

ok merci, j'ai utilisé un tableau, ça ne fonctionne pas avec l'image, mais c'est déjà ça.