[HTML] Problème puce dans un menu
Résolu
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 :
CSS :
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;
}Configuration: Windows Vista Firefox 3.5.1
2 réponses
-
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> -
Merci beaucoup !
