Discussion :

[Tillo]

Bonjour à tous,

Pour être honnête je n'ai pas trouvé quel est le meilleur endroit pour mettre mon message, car il traite de SQL, de CSS et enfin de HTML...

J'ai une requête qui me retourne une liste de noms que je classe par ordre alphabétique. En clair, ça me donne un affichage comme ça:

A

liste des noms qui commencent par A

B

liste des noms qui commencent par B

etc...

Z

Liste des noms qui commencent par Z

Jusque là tout va bien, le problème c'est qu'il y a actuellement 778 noms et ce chiffre est amené à augmenter. J'ai donc une page qui est un peu "longue".
J'ai donc envie de repartir les noms sur 3 colonnes. Existe t-il quelque chose en CSS qui permettrait de faire ça automatiquement ?

J'ai bien pensé compter le nombre de résultats de ma requête, le diviser par 3 et le repartir dans 3 div qui me serviraient de colonnes mais j'ai peur que ce soit un peu lourd.

J'ai aussi pensé à du CSS3 et son "column-count" mais ça risque de ne pas fonctionner avec les personnes qui ont encore des vieux navigateurs.

Alors je sèche, si vous avez une idée, ce n'est pas de refus.

Cordialement,
Alexis

[Muchos]

Comme tu le dis, en css, seul le module css3 multicol pourrait produire trois colonnes de noms sans avoir avoir à créer 3 conteneurs.

Néanmoins, il semble exister une solution en javascript.

[Tillo]

Bonjour,

Merci beaucoup pour l'astuce, je crois que je vais utiliser le javascript.
Je ne sais pas si j'aurais le temps de tester ça aujourd'hui mais quoi qu'il en soit je vous tiens au courant.

A bientôt,
Alexis