Bonjour,
Je me casse la tete depuis plus de 2 heures....
J'aimerai pouvoir parametrer mon CSS pour que lorsque mon <li> ne contien pas de liens, il affiche l'image "zoom_no.gif" et si il contient un lien, l'image de fond a une autre image (zoom.gif).

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<ul>
<li>pas de lien(avec l'image de fond"zoom_no.gif"</li>
<li><a href="#">line avec l'image de fond "zoom.gif"</li>
</ul>

J'ai essayé des millier de solutions sans tomber sur la bonne. Ci-desous c'était l'une de mes première idée. Que corrigeriez-vous?
Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
#body #content #content-row-2-left li{
	background-image:url(../img/zoom_no.gif);  
	background-repeat:no-repeat; 
	background-position:left middle;
	line-height:12px;
	padding-left:18px;
 
 }

Quand je paramettre comme ci-dessous, l'imahe "zoom.gif" se place a coté de "zoom_no.gif" alors qu'elle devrait remplacer cette dernière.

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
#body #content #content-row-2-left li:link,#body #content #content-row-2-left li:visited,#body #content #content-row-2-left li:active{
	background-image:url(../img/zoom.gif);  
	background-repeat:no-repeat; 
	background-position:left middle;
	line-height:12px;
	padding-left:18px;
 }

Comment pouuriez-vous m'aider?? Merci