Comment hiérarchiser les listes en html ?
Résolu/Fermé
lecoriace
Messages postés
100
Date d'inscription
mercredi 28 juillet 2010
Statut
Membre
Dernière intervention
24 décembre 2023
-
Modifié par noctambule28 le 4/05/2012 à 22:35
lecoriace Messages postés 100 Date d'inscription mercredi 28 juillet 2010 Statut Membre Dernière intervention 24 décembre 2023 - 6 mai 2012 à 00:32
lecoriace Messages postés 100 Date d'inscription mercredi 28 juillet 2010 Statut Membre Dernière intervention 24 décembre 2023 - 6 mai 2012 à 00:32
A voir également:
- Comment hiérarchiser les listes en html ?
- Editeur html - Télécharger - HTML
- Liste déroulante en cascade - Guide
- Comment faire une liste déroulante sur excel - Guide
- &Nbsp html - Forum HTML
- Br html - Forum HTML
4 réponses
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
4 mai 2012 à 22:29
4 mai 2012 à 22:29
Bonsoir,
Je pense que ce lien devrait vous orientez http://www.yoyodesign.org/doc/w3c/css2/generate.html#counters
Voir partie "12.5.1 Les compteurs imbriqués et leur portée"
Je pense que ce lien devrait vous orientez http://www.yoyodesign.org/doc/w3c/css2/generate.html#counters
Voir partie "12.5.1 Les compteurs imbriqués et leur portée"
lecoriace
Messages postés
100
Date d'inscription
mercredi 28 juillet 2010
Statut
Membre
Dernière intervention
24 décembre 2023
3
4 mai 2012 à 23:03
4 mai 2012 à 23:03
merci pour le lien... mais c'est dommage que je ne comprenne pas grand chose car pour l'instant je suis que dans du html. je pensais qu'il existait une balise spécifique et simple pour le faire... je patienterai
sinan est ce que tu connais un site où je peux apprendre plein de truc cool sur le html ?
sinan est ce que tu connais un site où je peux apprendre plein de truc cool sur le html ?
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
220
5 mai 2012 à 09:52
5 mai 2012 à 09:52
Le lien donné plus haut fait référence au HTML et CSS. Le code la partie concerné utilise une simple liste imbriqué de type ordonné (ol) qui associé au 3 lignes de CSS donne le résultat que vous cherchez à obtenir.
<html> <head> <style type="text/css"> OL { counter-reset: item } LI { display: block } LI:before { content: counter(item) ". "; counter-increment: item } </style> </head> <body> <OL> <!-- (met item[0] à 0 --> <LI>item <!-- incrémente item[0] (= 1) --> <LI>item <!-- incrémente item[0] (= 2) --> <OL> <!-- (met item[1] à 0 --> <LI>item <!-- incrémente item[1] (= 1) --> <LI>item <!-- incrémente item[1] (= 2) --> <LI>item <!-- incrémente item[1] (= 3) --> <OL> <!-- (met item[2] à 0 --> <LI>item <!-- incrémente item[2] (= 1) --> </OL> <!-- ) --> <OL> <!-- (met item[3] à 0 --> <LI> <!-- incrémente item[3] (= 1) --> </OL> <!-- ) --> <LI>item <!-- incrémente item[1] (= 4) --> </OL> <!-- ) --> <LI>item <!-- incrémente item[0] (= 3) --> <LI>item <!-- incrémente item[0] (= 4) --> </OL> <!-- ) --> <OL> <!-- (remet item[4] à 0 --> <LI>item <!-- incrémente item[4] (= 1) --> <LI>item <!-- incrémente item[4] (= 2) --> </OL> <!-- ) --> </body> </html>
lecoriace
Messages postés
100
Date d'inscription
mercredi 28 juillet 2010
Statut
Membre
Dernière intervention
24 décembre 2023
3
6 mai 2012 à 00:32
6 mai 2012 à 00:32
c'est cool merci beaucoup pour la précision en fait je me suis laissé impressionné par les item et les commentaires.