Discussion :

[laurentSc]

Bonsoir,

j'aimerais que la puce d'une liste soit une image ; voici mon html et mon css, mais y a une erreur ; où ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<ul class="bullet">
            <li><a href="http://www.google.com" target="_blank">Google</a></li>
            <li> ... </li>
</ul>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.bullet {background: url(images/green_bullet.gif);}

[NoSmoking]

Bonsoir,
je te conseille l’excellente lecture de http://torgar.developpez.com/glossai...liststyleimage

[laurentSc]

Merci du conseil ; après avoir lu, j'ai modifié mon CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.bullet {
list-style-image: url('./images/green_bullet.gif');
}

mais toujours rien (et j'ai vérifié l'orthographe des noms)

[Torgar]

L'image existe bien et est bien dans le dossier "images" qui est dans le même dossier que ta feuille de style ?

Fait un Ctrl + F5 aussi, pour être sûr que le cache ne perturbe pas l'affichage.

[laurentSc]

En effet, le dossier "images" n'était pas dans le dossier "css", mais à la même hauteur...Merci.