Des listes avec un "#" en css

[ideezik]

J'ai trouvé comment mettre des images pour les items :

list-style-image: url(puce.png);

Mais moi, je voudrais mettre un #. Et non, je veux pas faire une image avec mon # ! Vu que le but s'est d'optimiser le truc...
Ca doit etre con comme la lune mais je vois pas...

David

 

[yannouk]

???

 

[George Abitbol]

Regarde cette page :
http://www.alistapart.com/articles/taminglists/

Ca utilise :before mais bien sûr Internet Explorer ne le prend pas en compte
Donc a priori pas de solution universelle.

Fred

 

[Monique]

Bonjour ideezik,

Si je comprends bien, tu voudrais que la puce soit le signe # ?

A ma connaissance ce n'est pas possible directement.
Je ne vois que deux solutions :
- en faire une image
- ajouter ce caractère soi-même au début de chaque ligne de la liste

Peut-être avec un script php :?: mais ce serait de toute manière hors de mes compétences...

Amicalement,
Monique

 

[Monique]

C'est vrai, j'avais oublié before... mais comme IE n'en tient pas compte, je n'ai pas encore pris l'habitude de l'utiliser :?

Amicalement,
Monique

 

[milkiway]

le préselecteur before (et after pour après ) est ton ami
mais comme dit plus haut ça ne fonctionne pas avec IE...

mais tu peux mettre une image pour une puce, du moment que c'est léger

 

[ideezik]

Merci pour toutes vos réponses ! Comme je le disais dans un autre forum je passe au xhtml strict et du coup pour les menus je veux faire une liste pour que ce soit propre. Je pense que je vais utiliser une image histoire que ce soit universel. IE represente quand meme 85% de mes visiteurs donc bon...

Encore merci !

David

 

[milkiway]

Regardes mon site : le sommaire est une liste, pourtant à première vue on ne dirait pas du tout

mon forum vient d'ouvrir, c'est vide mais c'est le début
http://forum.en1heure.com

 

[ideezik]

C'est un peu moins vide... j'ai mis un post dessus ! Attention la qualité de la réponse décidera si je fréquenterai ton forum ou pas ! :wink: