28173 sujets

CSS et mise en forme, CSS3

Pb d'affichage d'images (list exactement) avec IE

Bonjour,

J'ai un gros soucis avec les images d'une liste. Voilà, j'ai dans mon code un list-style-image:url(images/puce.gif); qui marche très bien sous FF, mais gros soucis sous IE, ça ne fonctionne pas ou plutôt ça bug !

Je m'explique, quand je suis sous IE, mes puces ne s'affiche pas, par contre, dans je sélectionne ma liste, je m'aperçois quelles sont bien là Smiley sweatdrop et quand je désélectionne, elles restent... En gros, mes puces sont là mais ne s'affichent pas.

Je n'y comprends rien. Quelqu'un a t-il déjà eu ce problème ?

Merci de votre aide.
J'ai tenté de virer tout ce que je pouvais d'inutile.
Voici mon code, ici, vous verrez que le texte d'apparait pas sous IE ! ... je suis désespéré, j'ai passé des heures là dessus, je ne comprends plus

Merci bcp de votre aide 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
/* général */
body { font: 1em Verdana, Helvetica, sans-serif; background-color:#2B3B4C; margin: 0; padding: 0; color:#2b3b4c;}
p { margin: 0 0px 5px 0px; }
h1 { font-size:1.2em; color:#E77817; padding:0; margin:0 0 5px 0; font-weight:normal; background-color: #F5f5f5; }
h2 { font-size:1.1em; color:#E77817; padding:0; margin:0 0 5px 0; font-weight:normal; background-color: #F5f5f5; }
h3 { font-size:1.1em; color:#E77817; padding:0; margin:0 0 5px 0; font-weight:normal; }
a { text-decoration:none;color:#959DA5;}
.ensavoirplus {color:#E77817; font-size: 9px; margin:0; padding:0;}
.ensavoirplus a {color:#959DA5;}
.ensavoirplus a:hover {color:#E77817;}

#centre { width: 556px; margin:0px auto; text-align:center; background:url(images/back_centre.gif) repeat-y; padding:10px 0px;}
#centre #cadre { width:450px; margin:0 auto; padding-top:5px; background:url(images/backtop.gif);}
#centre #gris { padding:0 10px 10px 10px; background:url(images/backbas.gif) bottom; text-align:left; font-size:0.7em;}

/* REFERENCE */
#ref { padding:0px; margin:0px 0px 10px 0px;}
#part_img{ float:left; width:150px; margin:0px; height:90px; background:red;}
#part_img_admin{ float:left; width:150px; margin:0px; height:180px;}
#part_img p{ text-align:center;}
#part_img img{padding:0px 10px; background:url(images/backref.gif) center; margin:0px 10px 0px 0px; border:0px;}
#part_txt { margin-left:150px;}
#ref .description { text-align:justify; margin-left:10px;}
#ref h2{ padding-left:10px; }
-->
</style>
</head>

<body>
<div id="centre">
  <div id="cadre">
  <div id="gris">
	<!--internaute-->
		<div id="ref">		
			<h2>dsfgssdfg fg sdf</h2>
			 <div id="part_img">
				<img src="img/blackbox3.gif" alt="dsfgssdfg fg sdf"/>
		  </div>
			 <p class="description">sdf gsdf gsdfg sdfgsdfgsdfg</p>
			 <p class="ensavoirplus">> <a href="http://sdf gsdf gsdfg" target="_blank">Voir site en référence</a></p>		
		</div><!-- fin "ref" -->
	
	<hr style="clear:both; visibility:hidden;"/>
		<!-- Fin internaute -->

		<!--internaute-->
		<div id="ref">
			<h2>sdfgsdfgsdf</h2>
			<div id="part_img">
				<img src="img/blackbox4.gif" alt="sdfgsdfgsdf"/>
			</div>
			<p class="description">sdfg sdfg sdfg sdfgsdfg sdfgs dfgs dfg</p>
		</div><!-- fin "ref" -->
		
	<hr style="clear:both; visibility:hidden;"/>
		<!-- Fin internaute -->

  </div><!-- Fin gris -->
  </div><!-- Fin cadre -->
</div><!-- Fin centre -->

</body>
</html>

Modifié par statvg (16 May 2006 - 12:36)
a écrit :
Voilà, j'ai dans mon code un list-style-image:url(images/puce.gif); (...)
Je ne vois pas de liste à puce dans le code que tu donnes.
oui, désolé. Mais le problème est le même, j'ai un problème d'affichage de certains éléments sous IE. Je pensais au début que s'était que pour des puces, mais non. La preuve avec ce code. Ca fait deux voire trois jours que j'y suis, je ne comprends vraiment pas.
Sujet clos
Aller à