28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai une liste de checkbox créées dynamiquement (de 1 à n checkbox)
Je souhaiterais que ces checkbox apparaissent à raison de 4 par lignes.

Le libellé associé à ces checkbox ont des longueurs variables et je souhaiterais que tous les carrés des checkbox soient alignées.

J'ai bien pensé les mettre dans une liste de type LI / UL mais je n'arrive pas à aligner les carrés.

Existe t'il une solution en pur CSS ou dois je passer par un tableau ?
Modifié par Babali (11 Feb 2009 - 14:04)
Hello,

1. Tu utilises bien des éléments LABEL associés explictement à la checkbox correspondante via un attribut for?
2. Tu places tes labels à gauche des cases à cocher? Parce qu'autrement (label à droite, plus classique) le problème d'alignement ne se pose pas...
3. Avec un label à gauche, tu peux éventuellement l'afficher en display: inline-block et lui donner une largeur (width).
J'ai utilisé un label en le plaçant à gauche en déterminant un width suffisante (et nécessaire) pour que 4 checkbox soient positionnés dans ma page.
Ca fonctionne.
Merci
Modifié par Babali (11 Feb 2009 - 14:03)