28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite mettre en place une liste ordonnée sur plusieurs niveaux (3 en tout). Il s'agit d'un cours et de chapitres.
Le premier niveau correspond au numéro du chapitre, le second à un titre de ce chapitre, et ainsi de suite.
le code html valide est donc

<ol>
<li>Chapitre 1>
     <ol>
          <li>premier titre</li>
          <li>second titre
               <ol>
                    <li>para 1</li>
                    <li>para 2</li>
               </ol>
          </li>
     </ol>
</li>
<li>Chapitre 2</li>
</ol>


le css correspondant ressemblera à ceci :

ol{
	list-style-type:upper-roman;
}
ol ol{
	list-style-type:decimal;
}
ol ol ol{
	list-style-type:lower-alpha;
}


Dans la page en question, le 'para 2' aura pour numéro I.2.b. Le souci, c'est que si l'on enlève le style css, ce même paragraphe devrait être numéroté 1.2.2.
Donc le numéro dans la liste ol ne correspondra plus à la réalité dans le chapitre...
Comment faire pour éviter cela ? Je pensais au début utiliser directement l'attribut type sur les balises ol mais c'est déconseillé...

Merci,
Johan
Modifié par trasher (25 Apr 2006 - 19:12)