Conserver l'alignement après retour à la ligne

Bonjour à tous,

J'ai un petit problème d'alignement dans un formulaire. J'arrive à aligner correctement mes labels et mes input via mon css à l'aide des floats,with, etc etc...

Lorsque par exemple, pour un bouton radio tout ne rentre pas sur une ligne, automatiquement les options suivante vont passer à la ligne (cf capture d'écran) et je ne le veux pas ! j'aimerais que la zone où est affiché mes libellés ne puissent pas être envahit par des problèmes de ce style. L'utilisation d'un tableau pourrait régler très facilement le problème, mes label dans une colonnes et mes inputs dans la colonne suivante et là pas de mélange...

Il m'est impossible de créer deux div (gauche et droite par ex) car mes champs sont générés par du code java et je ne peux pas faire qq chose du genre

<div id="gauche">
<label.../><br/>
<label../>
</div>

<div id="droite">
<input .../><br/>
<input.../>
</div>

à moins de créer une div gauche et droite pour chaque ligne du genre

<div id="gauche"><label .../></div><div id="droite"><input ../></div>
<div id="gauche"><label .../></div><div id="droite"><input ../></div>

Qui reproduirait un tableau mais en div... mais est ce la bonne solution ?
C'est dommage, on perd en lisibilité du code. et si c'est pour faire ça, pourquoi ne pas en revenir à un bon vieux tableau ?

Voici ce que j'obtiens actuellement, j'aimerais que la derniere option du champ "ancienneté" soit aligner avec la première option


Merci beaucoup d'avance
Arno
Modifié par arno83 (20 Aug 2007 - 14:38)

Salut,

il faudrait apporter quelques précisions : qu'est-ce que tu essaies de faire exactement, où en es-tu ?

Merci de donner un exemple en ligne, ou au moins les codes HTML & CSS de ta page ...
Modifié par Thomas D. (20 Aug 2007 - 14:29)

désolé Thomas mais quand tu as lu mon post il n'était pas complet, j'ai valider sans faire exprès, je l'ai édité par la suite

Sinon c'est vrai que c'était un peu incompréhensibles !!

J'avais posé la question à l'époque.

Le tableau en soi n'est pas un problème pour structurer un formulaire :
http://forum.alsacreations.com/topic.php?fid=4&tid=8760&s=

Laurent

mouai... ok va pour les tableaux, c'est dommage parceque j'avais essayé d'éviter les tableaux pour simplifier au max le code...

Si quelqu'un à un commentaire à faire sur le sujet

Merci
Modifié par arno83 (20 Aug 2007 - 15:48)

Ben, à part encadrer tes radios dans un élément je ne vois pas d'autre solution. Un simple div autour de tes radios devrait suffire si tu ne veux pas de tableaux

Salut,

j'ai peut-être mal compris, mais tu ne pourrais pas simplement faire :

<input ... /> <label for="...">bla bla bla</label><br />
<input ... /> <label for="...">bla bla bla</label><br />
<input ... /> <label for="...">bla bla bla</label><br />

?

Le probleme c'est lorsque j'arrive en bout de ligne, le label passe a la ligne suivante, et puis là, l'alignement vertical [INPUT] d'un coté [LABEL] de l'autre n'est plus respecté.. j'ai fait quelques essais avec les div, ça fonctionne bien. je vais voir si c'est plus intéressant qu'un tableau

Merci a tous