Rechercher : dans
Par :

Compteurs dans Firefox

Dernière réponse le 4 déc 2008 à 00:48:47 joël, le 4 déc 2008 à 00:13:44 
 Signaler ce message aux modérateurs

Bonjour,

J'ai un document technique écrit en HTML et je voudrais que les titres soient précédés d'une numérotation hiérarchique:

1 - Chapitre AAA
1.1 Section BBB de AAA
1.1.1 Sous-section CCC de BBB de AAA
etc.

J'ai utilisé le code suivant dans mon css:


body { counter-reset: t1 } h1:before { content: counter(t1) " - "; counter-increment: t1; counter-reset: t2; } h2:before { content: counter(t1) "." counter(t2) " - "; counter-increment: t2; counter-reset: t3 } h3:before { content: counter(t1) "." counter(t2) "." counter(t3) " - "; counter-increment: t3; counter-reset: t4 }
h4:before { content: counter(t1) "." counter(t2) "." counter(t3) "." counter(t4) " - "; counter-increment: t4; }


Mais ça ne fonctionne pas correctement dans Firefox 3.04 ou Google Chrome 0.4.154.29. Une numérotation hiérarchique incorrecte s'affiche.

Dans Internet Explorer 7, aucune numérotation hiérarchique ne s'affiche. Pour moi, c'est préférable è une numérotation erronée.

Opera 9.6, lui, affiche tout correctement.


Il faut noter que mes titres H1 à H4 ne sont pas emboîtés. Ils sont toujours sous la racine de l'élément BODY.

Sur un site ( http://reference.sitepoint.com/css/counter-increment)

Configuration: Windows XP
Firefox 3.0.4

Meilleures réponses pour « Compteurs dans Firefox » dans :
[Pratique] Gérer les profils Firefox, Thunderbird, Seamonkey Voir Gérer les profils de Firefox, Thunderbird, Seamonkey 1 - Gestionnaire de profils 1.1 - Windows 1.2 - Linux 2 - Les fichiers récupérables 2.1 - Où les trouver ? 2.2 - Quels fichiers sont intéressants ? 3 - Compléments...
Firefox - Trouver le dossier du profil Voir Windows 9x/Me : C:\Windows\Application Data\Mozilla\Firefox\Profiles\\ ou C:\Windows\Profiles\\Application Data\Mozilla\Firefox\Profiles\\ Windows NT 4.x : C:\Winnt\Profiles\
[Firefox] Forcer la compatibilité des modules complémentaires VoirVous utilisez une version de Firefox incompatible avec l'un de vos modules complémentaires (aussi appelés plug-in, add-on ou encore extension), ce qui peut notamment se produire à l'utilisation d'une version bêta, alpha ou nightly de Firefox. ...
[MSN] Compte MSN Messenger piraté / Piratage de compte Hotmail VoirPiratage de compte Vous vous êtes fait pirater votre compte MSN Messenger ou bien votre compte hotmail a été hacké et vous souhaitez absolument le récupérer ! Nettoyage de l'ordinateur Compte inaccessible - Contact du support MSN Attention...
Sauvegarde des paramètres de Mozilla Thunderbird VoirSauvegarde manuelle Pour sauvegarder le contenu du carnet d'adresses, les comptes de courrier, les paramètres des comptes ou les extensions installées, il suffit de sauvegarder le dossier suivant :C:\Documents and...
Télécharger Portable Firefox VoirMozilla Firefox est un navigateur internet performant et personnalisable. L'interface possède des onglets pour une gestion des fenêtres plus efficace. Il possède également un gestionnaire de téléchargement. Portable Firefox est la version portable...

1

 joël, le 4 déc 2008 à 00:48:47

Désolé les aminches. Mon message précédent a été envoyé avant que j'aie terminé de l'écrire (d'où la fin abrupte).

Entre-temps, j'ai trouvé la solutoin. Pour ceux que ça intéresse, il ne faut pas faire la remise à zéro dans le pseudo-élément hi:before, mais dans hi.

Voici donc la solution (qui fonctionne dans Firefox 3.04, Opera 9.62 et Google Chrome 0.4.154.29, et qui se dégrade de façon acceptable dans Internet Explorer 7:

h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { color: silver; font-size: 80% } h1:before { color: rgb(166,166,166); }
body { counter-reset: t1; } h1:before { counter-increment: t1; content: counter(t1) " - "; } h1 { counter-reset: t2; } h2:before { counter-increment: t2; content: counter(t1) "." counter(t2) " - "; } h2 { counter-reset: t3; } h3:before { counter-increment: t3; content: counter(t1) "." counter(t2) "." counter(t3) " - "; } h3 { counter-reset: t4; }
h4:before { counter-increment: t4; content: counter(t1) "." counter(t2) "." counter(t3) "." counter(t4) " - "; }
h4 { counter-reset: t5; }
h5:before { counter-increment: t5; content: counter(t1) "." counter(t2) "." counter(t3) "." counter(t4) "." counter(t5) " - "; }
h5 { counter-reset: t6; }
h6:before { counter-increment: t6;
content: counter(t1) "." counter(t2) "." counter(t3) "." counter(t4) "." counter(t5) "." counter(t6) " - "; }

Répondre à joël