[Résolu] Cacher ce dot dans une ordered list !

Bonjour !

Faisant partie de ceux qui commencent par la structure HTML optimisée SEO & Lynx ( plus ou moins accessible donc ) en ignorant totalement le résultat dans un navigateur moderne puis cherchent à manipuler le tout avec du CSS, je suis obligé, peu importe la raison, d'utiliser des ordered lists ( <ol> ) .

Je ne rencontre pas de problème niveau design, mais ce qui me dérange, c'est le dot affiché après le chiffre .

Je voudrais par exemple afficher "23" au lieu de "23.", c'est possible ? Y a-t-il un petit hack CSS quelque part ?

Merci d'avance !
Modifié par Bouazza (10 Jan 2009 - 15:20)

Salut Bouazza et bienvenue,

sur Alsacréations on n'est pas fans de hacks.

Une solution (qui ne fonctionnera pas sur tous les navigateurs) :

ol {
	list-style: none; 
	counter-reset: compteur;
}

li:before {
	content: counter(compteur)" "; 
	counter-increment: compteur;
}

Intéressant, merci beaucoup !