[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;
}
A voir également:
- [HTML] Problème puce dans un menu
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - 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>
