Documentation du Dr FRAPPE

Ce wiki regroupe les résultats de mes expériences en informatique accumulés au cours de mes recherches sur le net.

Dans la mesure du possible, j'ai cité mes sources ; il en manque certainement… :-)

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
tutoriel:internet:dokuwiki:titres:number:start [2021/02/26 16:27] – [Utilisation de deux ou plusieurs compteurs] admintutoriel:internet:dokuwiki:titres:number:start [2022/08/13 22:27] (Version actuelle) – modification externe 127.0.0.1
Ligne 93: Ligne 93:
 }</code> }</code>
  
-==== Utilisation de compteurs emboîtés ====+==== Utilisation de compteurs imbriqués ====
  
 +La fonction counters() permet de spécifier les compteurs imbriqués.
 +
 +Cela fonctionne bien pour des éléments tels que les listes, où les listes peuvent être imbriquées les unes dans les autres.
 +
 +Cela ne fonctionnerait pas pour l'exemple ci-dessus car les sous-sections ne sont pas imbriquées dans les sections principales, mais sont plutôt des éléments apparentés.
 +
 +Les compteurs imbriqués peuvent être spécifiés comme suit :<code css >
 +ol {
 +    counter-reset:section;
 +    list-style-type:none;
 +}
 +ol li {
 +    counter-increment:section;
 +}
 +ol li:before {
 +    content:counters(section, '.') '. ';
 +}</code>
 +
 +Le compteur de chaque élément de liste sera ainsi incrémenté, quel que soit le nombre de listes imbriquées dans le balisage.
 +
 +Il est important de remettre le compteur au bon endroit, pour qu'il se remette à zéro pour chacun des éléments imbriqués.
 +
 +Dans ce cas, je réinitialise le compteur sur l'élément <ol>.
 +
 +Dans l'exemple suivant, la première liste imbriquée commencera à 1.1 et comptera jusqu'à 1.2, 1.3 et ainsi de suite.
 +
 +La deuxième liste imbriquée commencera à 1.1.1 et comptera jusqu'à (1.1.2 et ainsi de suite)<code - >
 +<ol>
 +    <li>Item 1
 +        <ol>
 +            <li>Sub item 1
 +                <ol>
 +                    <li>Sub-sub item 1</li>
 +                    <li>Sub-sub item 2</li>
 +                    <li>Sub-sub item 3</li>
 +                </ol>
 +            </li>
 +            <li>Sub item 2</li>
 +        </ol>
 +    </li>
 +    <li>Item 2</li>
 +</ol>
 +</code>
 +
 +==== Styliser les compteurs ====
 +
 +Il est possible de mettre en forme le compteur en mettant un deuxième argument dans les fonctions du compteur.
 +
 +Les valeurs sont les mêmes que pour la propriété de type liste.
 +
 +Bien que toutes les valeurs soient possibles, pour les compteurs, seul un sous-ensemble a un sens, car les valeurs telles que disque, carré et cercle restent les mêmes quelle que soit la valeur du compteur.
 +
 +Le style peut être spécifié comme suit :<code - >
 +ol li:before {
 +    counter(answer, lower-alpha) ') ';
 +}</code>
 ===== Conclusion ===== ===== Conclusion =====