Pb avec text-decoration dans liste imbriquée

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Pb avec text-decoration dans liste imbriquée

par sebonemo » 23 oct. 2007, 22:38

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

par Berzemus » 23 oct. 2007, 22:31

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).

par Victor BRITO » 23 oct. 2007, 22:23

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

Pb avec text-decoration dans liste imbriquée

par sebonemo » 23 oct. 2007, 21:52

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 ?