[HTML] Problème puce dans un menu
Résolu
samuel77220
Messages postés
176
Statut
Membre
-
samuel77220 Messages postés 176 Statut Membre -
samuel77220 Messages postés 176 Statut Membre -
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
A voir également:
- [HTML] Problème puce dans un menu
- Editeur html - Télécharger - HTML
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Menu recovery samsung - Guide
- Menu démarrer windows 10 - Guide
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>
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>
