Forum d'entraide PHPFrance

Bonjour,
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>

la feuille de style :

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;
	}

et voici ce que j'obtiens : http://sebonemo.free.fr/menu.htm

Quelqu'un aurait-il l'amabilité de m'aider ?

Essaie de définir le soulignement au niveau des éléments li.

il y a aussi un problème de structure, à mon avis.

Y'a rien d'imbriqué dans ta liste.

ça, c'est imbriqué:

Code : Tout sélectionner

<li>Introduction :
   <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></li>

la c'est imbriqué. tu vois ? l'object qui contient le sous-niveau doit le contenir, dans tes exemples, ils se suivent (y'a pas vraiment de hierarchie).

Effectivement, en plaçant le soulignement au niveau du <LI>, ça fonctionne comme je l'entends.
Merci.

Forum d'entraide PHPFrance

Pb avec text-decoration dans liste imbriquée

Pb avec text-decoration dans liste imbriquée