[CSS] Problème de numérotation auto des paragraphes h1 / h2 / h3

Marsh Posté le 19-03-2006 à 09:22:34

Bonjour,

je voudrais automatiser la numérotation des paragraphes de ma page web en CSS gràace aux compteurs. J'utilise les balises <h2> et <h3> comme titres de paragraphes.

Voici la page d'exemple sur laquelle je travaille :
http://ceyquem.free.fr/hfr/exemple.xhtml

Mon problème :

l'incrémentation des numéros ne se fait pas automatiquement, je reste à 1
la détection du numéro du compteur de h2 dans les balises de h3 ne se fait pas (j'ai 0).

Voici la feuille de style associée :
http://ceyquem.free.fr/hfr/style.css

Et ici le code qui devrait numéroter les paragraphes :

h1 {
text-align: center;
font-family: Helvetica, Arial, sans-serif, Verdana;
}

h2:before {
content: counter(section) ". ";
counter-increment: section;
counter-reset: subsection;
}

h2 {
font-family: Helvetica, Arial, sans-serif, Verdana;
padding-left: 0;
margin-top: 2em;

padding-bottom: .1em;
border-bottom: 1px solid #000;
}

h3:before {
content: counter(section) "." counter(subsection) ". " ;
counter-increment: subsection;
}

h3 {
padding-left: 1em;
font-family: Helvetica, Arial, sans-serif, Verdana;
margin-top: 1em;
}

Une idée de l'origine de mon problème ??

Merci de m'avoir lu

Marsh Posté le 19-03-2006 à 09:22:34

Marsh Posté le 19-03-2006 à 10:12:28

en css1, la manière de faire serai d utiliser list-style:
http://www.w3.org/TR/CSS1#list-style
je ne pense pas que ça permette des titre genre VI.1.A.i

Marsh Posté le 19-03-2006 à 17:45:14

j'ai trouvé la solution à mon problème :

- Il faut placer les instruction des compteurs dans les balises elles mêmes et pas dans les "before".
- Il faut rajouter un reset dans la balise pour que les sections commencent à 1

ca me permet d'avoir la numérotation que je voulais (CSS2)

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *