[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
Menu démarrer windows 11 - Guide
Canon quick menu - Télécharger - Utilitaires
Menu demarrer - 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

les entrées et les sortées

&nbsp ; Quelle Fonction ?

Espace en HTML

la balise <br> ou <br />

Discussions similaires

Newsletters