Discussion :

[scrouet]

Bonjour.

Ca fait un bon moment que j'essaie de faire des formulaires propres sans utiliser de tableau pour placer mes éléments, avec plus ou moins de succès. Habituellement j'emballe l'ensemble champ+label dans un div pour placer l'ensemble avec des instructions CSS. Mais ce coup-ci, je n'y arrive pas.

Je voudrais obtenir l'effet présenté par l'image en pièce jointe.

Quelqu'un a-t-il un moyen pour faire ça proprement, sans tableau, sans que la présentation soit déteriorée par un redimensionnement de la fenêtre ?

[desert]

Qu'est-ce que tu n'arrives pas à faire ?
Dans un premier temps, montre au moins ce que tu as fait.
On pourra t'aider par la suite.

[scrouet]

En fait, ce que je n'arrivais pas à faire, c'est positionner les blocs (label + champ/liste) comme sur l'image. J'ai finalement réussi à trouver une solution acceptable en :

• mettant tous les blocs de chaque ligne, sauf le dernier, en float:left,
• ajoutant une marge inférieure de 5px au dernier élément de chaque ligne (qui est lui dans le flux courant),
• donnant une marge gauche identique aux derniers éléments de chaque ligne (pour les aligner l'un au dessus de l'autre).

Le deuxième point est plus une rustine pour éviter le décalage du premier élément de la ligne du dessous qui sinon est aligné sur la fin du dernier élément flottant de la ligne du dessus (je ne suis pas sûr d'être clair ).

[avogadro]

les table c'est le must, tous les navigateurs les lisent de la même façon, je vois pas pourquoi ça te rebelle ^^

[scrouet]

Je sais bien, c'est nettement plus simple. Mais mon côté puriste me pousse à séparer le fond de la forme et donc à n'utiliser des tableaux que pour présenter des données tabulaires.