Salut !
Le problème : d'une page à une autre, j'aimerais pouvoir inverser des éléments d'une liste (à l'affichage) sans avoir à toucher au code html
La seule solution que j'ai trouvée, est de créer deux listes aux contenus identiques mais avec des éléments ordonnées différemment et demander ensuite dans le CSS d'afficher l'une ou l'autre selon la page où je suis.
HTML :
et dans le CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <ul id="test1"> <li>Un</li> <li>Deux</li> <li>Trois</li> </ul> <ul id="test2"> <li>Trois</li> <li>Deux</li> <li>Un</li> </ul>
L'emmerdant c'est que y'a de la répétition de code, qui peut être pénalisante d'un point de vue temps de chargement et d'un point de vue robot aussi.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 #test1 {display:none;} /*pour afficher que la seconde version de la liste*/
Donc voyez vous d'autres façon de faire ... avec du CSS ? avec peut-etre du Javascript ? autre ?
Merci !
Partager