j'utilise des listes imbriquées formatées avec CSS
Tout se passe bien tant que je n'utilise pas l'option text-decoration mais j'aimerai souligner le niveau de ma liste et en utilisant l'optiuon text-decoration, tout se souligne
voici une partie du code écrit (le tout est trop long mais cet exemple montre bien mon problème):
Code : Tout sélectionner
<li>Introduction :</li>
<ol class="niveau2">
<li><a>Généralités</a></li>
<li><a>Les données de fichier</a></li>
<li><a>Les données de programme</a></li>
</ol><br>
<li>Structure des données :</li>
<ol class="niveau2">
<li><a>Introduction</a></li>
<li><a>Niveau hiérarchique de donnée</a></li>
<ol class="niveau3">
<li><a>Numéro de niveau 01</a></li>
<li><a>Numéro de niveau 02 à 49</a></li>
<li><a>Numéro de niveau 77</></li>
</ol>
<li><a>Caractéristiques des champs</a></li>
<ol class="niveau3">
<li><a>Nom de donnée</></li>
<li><a>Longueur de donnée</a></li>
<li><a>Classe de donnée</a></li>
</ol>
<li><a>Nom de donnée</a></li>
<ol class="niveau3">
<li><a>Champ FILLER</a></li>
<li><a>Noms dupliqués</a></li>
<li><a>Format de la qualification</a></li>
</ol>
</ol><br>
Code : Tout sélectionner
ol.niveau1 {
counter-reset: Point_liste_niveau1;
list-style-type: none;
text-decoration: underline;
font-weight: bold;
}
ol.niveau1 li:before {
content: counter(Point_liste_niveau1) ". ";
counter-increment:Point_liste_niveau1;
}
ol.niveau2 {
counter-reset: Point_liste_niveau2;
list-style-type: none;
text-decoration: none;
font-weight: normal;
}
ol.niveau2 li:before {
content: counter(Point_liste_niveau1) "." counter(Point_liste_niveau2) ". ";
counter-increment:Point_liste_niveau2;
}
ol.niveau3 {
counter-reset: Point_liste_niveau3;
list-style-type: none;
text-decoration: none;
font-style: italic;
}
ol.niveau3 li:before {
content: counter(Point_liste_niveau1) "." counter(Point_liste_niveau2) "." counter(Point_liste_niveau3) ". ";
counter-increment:Point_liste_niveau3;
}Quelqu'un aurait-il l'amabilité de m'aider ?
