Listes et background-image

Soda

1 May 2005 à 02:00

Salut à tous,

Un petit soucis m'ammène à vous (quelle surprise Smiley smile

). Après avoir tenté de changer les puces des listes par une image j'ai finit par choisir la facon background-image. J'ai suivis le tutorial proposé sur OpenWeb, mais malheureusement l'image ne semble pas s'afficher.

Voilà la partie concernée dans la CSS

.post-content li{
	list-style-type: none;
	background-image: url(images/utils/puceb.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
	margin-top: -3px;
}

Et la partie HTML:

<div class="post-content">
[...]
<p>une petite liste:</p>
<ul><li>Et de 1</li>
<li>Et de 2</li>
<li>Et de 3</li>
<li>Et de 4</li></ul>
[...]
</div>

Je précise que je fais ça sur mon blog propulsé par DotClear.

Si vous avez une idée de ce qui cause le problème n'hésitez pas à éclairer ma lanterne Smiley smile

Merci!
Modifié par Soda (01 May 2005 - 02:01)

Olivier

1 May 2005 à 03:10

Salut,
c'est le chemin de l'image qui n'est pas bon.

Ta CSS est dans le dossier /themes/default/
Et ton image est dans /images/utils/

Donc, 2 solutions, ou bien tu met comme chemin d'image :
../../images/utils/puceb.png);
ou tu déplaces ton image dans le dossier themes/default/ et tu adaptes le chemin à ce nouvel emplacement.

Soda

1 May 2005 à 11:04

Ouarf ouarf, ah ben voilà c'est jamais bon de taffer si tard, on oublie les choses les plus simples Smiley smile

Merci beaucoup Olivier!