[HTML] Problème puce dans un menu

Résolu
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -  
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai un petit problème, j'ai fait un menu avec les balises ul et li et dans ce menu, quand je met une puce en tant qu'image, on ne la voit pas.
Quelqu'un pourrait m'aider ?

Je met le code :

HTML :
<ul>
<li><a href="">Haut</a></li>
<li><a href="">Bas</a></li>
<li><a href="">Lien 3</a></li>
<li><a href="">Lien 4</a></li>
</ul> 


CSS :
ul li {
	font: bold 14px arial;
	letter-spacing:-1px;
	color:#cccccc;
	list-style-image:url(images/puce1.png);
}

li {
	color:#cccccc;
}
li a{
	padding-left:10px;
	color:#cccccc;
	text-decoration:none;
}
li a:hover{
	color:#ffffff;
	text-decoration:none;
	padding-left:20px;
}
A voir également:

2 réponses

giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
bonjour,

j'ai créé une iamge puce1.png,
et ce code fonctionne bien :

<html>


<style>

ul li {
font: bold 14px arial;
letter-spacing:-1px;
color:#cccccc;
list-style-image:url(puce1.png);
}

li {
color:#cccccc;
}
li a{
padding-left:10px;
color:#cccccc;
text-decoration:none;
}
li a:hover{
color:#ffffff;
text-decoration:none;
padding-left:20px;
}
</style>



<ul>
<li><a href="">Haut</a></li>
<li><a href="">Bas</a></li>
<li><a href="">Lien 3</a></li>
<li><a href="">Lien 4</a></li>
</ul>
</html>
1
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Merci beaucoup !
0