[HTML] Problème puce dans un menu

Résolu/Fermé

samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 - 2 août 2009 à 16:22
samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 - 2 août 2009 à 18:42

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:

[HTML] Problème puce dans un menu
Menu déroulant excel - Guide
Editeur html - Télécharger - HTML
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires
Réinitialiser menu démarrer windows 10 - Guide

2 réponses

Réponse 1 / 2

giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
2 août 2009 à 18:24

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>

Réponse 2 / 2

samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
2 août 2009 à 18:42

Merci beaucoup !

Discussions similaires

la balise <br> ou <br />

Comment retrouver le bouton menu de Tv Tcl

Problème TV "Signal Brouillé Module ci+ ou carte puce non trouvée"