Discussion :

[orphen]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
		<div id="espace">
		&nbsp;
		</div>
		<div id="menu_head">
			<ul id="menu_haut">
			<li>La soci&eacute;t&eacute;</li>
			<li>Bon de commande</li>
			<li>Catalogue &amp; fiches</li>
			<li>Contact</li>
			</ul>
		</div>

et mon bout de css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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.

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
#menu_haut{ list-style-image:url(images/puce/puce.gif);}

[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

[orphen]

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

Code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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