Personnalisé ol li

bonjour,
j'ai un liste <ol> et je souhaiterai qu'en dessous de mes chiffres 1. - 2. - 3. - 4. .... mettre un fond en image (une bulle)
de plus peut-on supprimer le "." que l'on a deriere chaque chiffre ?

A tatons j'ai essayé diverses methodes comme

ol {background: url(images/puce.png) no-repeat top left;}
ou
ol li {background: url(images/puce.png) no-repeat top left;}

ma puce .png fait 25x25

bon je rame toujours. le probeleme et que dans l'exemple que j'ai donnée ci dessus mon image en background se place au niveau du texte et non au niveau de la puce 1. ou 2. ou 3.

est ce possible de faire decolé ou de placer le puce afin qu'elle ne soit pas en debut de texte mais bien au niveau des numero 1. 2. 3. 4....

j'ai essayé :

ol li{
margin:0 0 10px 0;
list-style-image: url(images/puce.png);
}

j'ai bien ma puce comme je veu mais je n'ai plus les chiffre qui s'affichent.
Modifié par fabrice88 (17 Apr 2009 - 21:53)

Oui puisque la puce est soit un caractère (tiret, rond, carré...) soit un chiffre.

Si tu la remplace par la tienne (une image), tu ne peut pas avoir la numérotation en plus !


Tu veux mettre un fond juste sous la puce ?

oui c'est ça. je voudrai avoir mes numéro 1 2 3 4 5 6 et juste en dessous mettre une puce a moi (puce.png)