Comment hiérarchiser les listes en html ?
Résolu
lecoriace
Messages postés
99
Date d'inscription
Statut
Membre
Dernière intervention
-
lecoriace Messages postés 99 Date d'inscription Statut Membre Dernière intervention -
lecoriace Messages postés 99 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
dans un document que j'ai téléchargé voici ce qu'il mon dit à propos des listes hiérarchisées je cite :"<dl></dl> : liste hiérarchisée
une ligne est constituée de <dt>Titre</dt> et de <dd>Description</dd>"
mais la question que je me pose est: quelle est la balise qui me permettra d'ajouter une autre description à la balise <dd>Description</dd>?
voilà un exemple concret du sommaire de ce que je veux faire dans le site wikipédia https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade
dans un document que j'ai téléchargé voici ce qu'il mon dit à propos des listes hiérarchisées je cite :"<dl></dl> : liste hiérarchisée
une ligne est constituée de <dt>Titre</dt> et de <dd>Description</dd>"
mais la question que je me pose est: quelle est la balise qui me permettra d'ajouter une autre description à la balise <dd>Description</dd>?
voilà un exemple concret du sommaire de ce que je veux faire dans le site wikipédia https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade
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
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
4 réponses
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"
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 ?
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>
