Probleme avec list-style-image:url()

Version imprimable

Bonjour a tous,

Voila je suis confronter a un problème bizard avec la fonction. list-style-image:url(../images/puce/puce.gif);
Mon image est visible sous firefox mais pas sous ie7.

Quelqu'un a deja rencontré ce problème.

J'ai essayer avec une image gif, une image jpeg.
J'ai également essayer de mettre la fonction sur ul et sur li

Merci par avance.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <div id="espace">   </div> <div id="menu_head"> <ul id="menu_haut"> <li>La société</li> <li>Bon de commande</li> <li>Catalogue & fiches</li> <li>Contact</li> </ul> </div>
et mon bout de css
Code:

1 2 #menu_haut{ list-style-image:url(../images/puce/puce.gif);} #menu_haut li{ color:#ffffff; font-size:11px; font-family:Tahoma;}

01/04/2008, 20h48
Erwan31

Bonjour,
sans plus d'élément difficile à dire, il faudrait que tu donnes la totalité de ta CSS
et aussi si possible du code HTML.

Eviter les unités pixel pour le corps du texte, cela verrouille la commande
d'agrandissement et de diminution de taille du texte dans IE.
02/04/2008, 11h34
Laurelaie
Bonjour,

Tu es sûr que l'image est bien là où tu l'indiques??
J'ai testé chez moi avec ton code et une puce à moi et ça marche très bien...

essaie d'enlever le "../" et de bien re-vérifier la source.
Code:

1 2 #menu_haut{ list-style-image:url(images/puce/puce.gif);}
02/04/2008, 12h53
orphen

oui oui j'ai plusieurs listes dans le site de mon client.

Ça ne le fait que sur celle-ci.

Au pire je vais reprendre tout le header

BOn un petit up avec un plus gros morceau de code tjr pour le meme probleme

Code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
	<div id="header">
		<div id="choix"><span class="gras_blanc">Mati&egrave;re :</span> 
			<select name="select" class="select">
			<option>Choisissez</option>
			<option>Bambou</option>
			<option>Porcelaine</option>
			<option>Inox, etc...</option>
			<option>Sur mesure</option>
			<option>Gr&egrave;s</option>
			<option>Bois</option>
			<option>Verre</option>
			<option>Verrines</option>
			</select>
		</div>
		<div id="espace">
		&nbsp;
		</div>
		<div id="menu_head">
			<ul id="menu_haut">
			<li><a href="societe.php">La soci&eacute;t&eacute;</a></li>
			<li><a href="commande.php">Bon de commande</a></li>
			<li><a href="fiche.php">Catalogue &amp; fiches</a></li>
			<li><a href="contact.php">Contact</a></li>
			</ul>
		</div>
	</div>

Le code css de positionnement des blocs

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
/* global */
body{ margin:0; padding:0;}
.img_bloc{ display:block;}
.bloc_dynamique{ width:250px; float:left; margin:18px 0 0 5px; _margin:18px 0 0 3px; padding:6px;}
 
h4{ margin:0 0 10px 0; padding:0 0 0 20px;}
.texte_bloc{ padding:0 0 0 20px; }
.titre_bloc{ margin:0; padding:9px;}
#page{ width:740px; margin:0 auto;}
#header{ width:740px; height:60px;}
#header #choix{ width:230px; height:40px; padding:20px 0 0 20px; float:left;}
#header #menu_head{height:60px; float:left; margin:0 0 0 30px;}
#choix .select{width:108px; height:18px; margin:0 0 0 40px; padding-left:4px;}
#menu_haut{ margin:20px 0 0 0;}
#menu_haut li{float:left; margin:0 30px 0 0;}
#espace{ float:left; border-right:1px solid red; margin:20px 0 0 0;}

et celui des style

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
/* global */
img{ border:none;}
.bloc_dynamique{ border:1px solid #E1E1E1}
.texte_bloc{color:#464646; font:11px Tahoma, Arial, Helvetica, sans-serif; }
.titre_bloc{ background-color:#EBEBEB; font:12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;}
.rouge{ color:#EC4629; font-family:Tahoma;}
#header{ background-color:#5F4E50;}
.select{color:#464646; font:10px Tahoma, Arial, Helvetica, sans-serif;}
#choix .gras_blanc{color:#fff; font:11px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;}
#menu_haut{ list-style-image:url(../images/puce/puce.gif);}
#menu_haut a, #menu_haut a:visited {color:#fff; font:11px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none;}
#menu_haut a:hover{text-decoration:underline;}

je suis vraiment en galère d'idée d'où peut venir mon problème hellp please