Bonjour à tous,
Je cherche à répartir une liste non ordonnée sur plusieurs colonnes, les contraintes sont les suivantes :
- altérer le html à minima ;
- permettre une évolution aisée des listes (donc éviter les jeux de positionnement douteux) ;
- les éléments doivent être classés verticalement selon leur ordre d'apparition dans le html ;
- multi-column css3 exclu for obvious reasons.
http://loconte.be/tmp/memopol/
(passez, par exemple, votre curseur sur "Countries").
C'est le résultat visuel que je souhaite obtenir.
J'y suis, pour l'instant, parvenu en ajoutant des <div> en plein milieu de <ul>. Autrement dit, en rendant invalide ma page html.
J'ai parcouru les interwebs à la recherche de solutions (je suis notamment tombé sur les quelques articles de référence de "A List Apart") mais je n'ai rien trouvé qui satisfasse mes contraintes.
Une idée ?
Merci d'avance.
Modifié par Akhilleus (20 Oct 2012 - 16:18)
Je cherche à répartir une liste non ordonnée sur plusieurs colonnes, les contraintes sont les suivantes :
- altérer le html à minima ;
- permettre une évolution aisée des listes (donc éviter les jeux de positionnement douteux) ;
- les éléments doivent être classés verticalement selon leur ordre d'apparition dans le html ;
- multi-column css3 exclu for obvious reasons.
http://loconte.be/tmp/memopol/
(passez, par exemple, votre curseur sur "Countries").
C'est le résultat visuel que je souhaite obtenir.
J'y suis, pour l'instant, parvenu en ajoutant des <div> en plein milieu de <ul>. Autrement dit, en rendant invalide ma page html.
J'ai parcouru les interwebs à la recherche de solutions (je suis notamment tombé sur les quelques articles de référence de "A List Apart") mais je n'ai rien trouvé qui satisfasse mes contraintes.
Une idée ?
Merci d'avance.
Modifié par Akhilleus (20 Oct 2012 - 16:18)