Un tableau en deux colonnes sans <table> ?

Bonjour

Dans un formulaire ordinaire, il y a généralement une colonne de définitions et une colone d'inputs.
La première colonne devant avoir une largeur fixe, je n'ai jamais trouvé d'autre solution que ces gros balourds de tableaux.

J'ai essayé le tryptique DL, DT et DT, mais, même avec le renfort de COMPACT, contrairement à ce que dit le W3C, je n'ai pas réussi à réaliser l'équivalent d'un tableau sur deux colonnes, en tous cas pas avec les navigateurs Mac.

Par exemple, ce code :

dt {display : compact}
dd {margin-left: 4em}

<dl>
<dt>Une ligne</dt><dd>Une description</dd>
<dt>Une deuxième ligne</dt><dd>Une deuxième description</dd>
</dl>

ne fait pas un tableau sur deux colonnes, mais un texte indenté.

Avez-vous une solution ?

Merci d'avance

Bonjour,

Tu peux jeter un coup d'oeil au formulaire de fredcavazza.

Personnellement, j'utilise encore le bon vieux tableau pour ca, et je risque de le faire pour un bon moment encore. Un jour, qui sait, durant l'une de mes crises d'envie d'accessibilité aigu, je vais implémenter cette méthode dans mon application.