Sujet Précédent Sujet Suivant

Affichage de mon site sur IE ????

minoula2006 -  
 minoula2006 -
Bonjour,
l'affichage de mon site sur firefox est bien paramétré mais sur IE les images ne sont pas dans leur place, surtout j'ai utilisé des arriérés plans sous forme des images :( que dois-je faire aidez moi SVP
merci d'avance
A voir également:

12 réponses

Réponse 1 / 12
phenX Messages postés 734 Statut Membre 23
 
tu peut donner le lien de ton site stp ?
0
Réponse 2 / 12
minoula2006
 
désolé je travaille pour le moment en locale
0
Réponse 3 / 12
minoula2006
 
alors qui peut m'aidez SVP
0
Réponse 4 / 12
phenX Messages postés 734 Statut Membre 23
 
ben si on ne peut rien voir.... autant te demander de réparer mon pc sans que je te le montre...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 12
holow1 Messages postés 739 Statut Membre 71
 
bonjour,

tu peux nous monter le scripte utiliser ^_^
0
Réponse 6 / 12
minoula2006
 
désolé ;)
je travaille avec les div et avec css
voila le code html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<!--<base href="http://www.commune-sousse.gov.tn" />-->
<title>le nouveau site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" media="screen" type="text/css" title="design" href="nouvelPage.css">
<script language="JavaScript" type="text/JavaScript">
<!--


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/button_eng_over.gif','images/button_arb_over.gif')"><div class="ContenuPage"> 
<!--entete-->
<div id="en_tete"></div>
<!--fin de l'entete-->

<!--Grand-menu-->
  
<div id="menu"> 
  <ul>
    <li><a href="# ">Accueil</a> 
		  
        <ul>
          <li><a href="#">Contactez-nous</a></li>
          <li><a href="#">--</a></li>
        </ul>
     </li>
    <li><a href="# ">Présentation de la ville </a> 
        <ul>
          <li><a href="#">Situation Géographique</a></li>
          <li><a href="#">Histoire de la ville</a></li>
          <li><a href="#">Sites touristiques </a></li>
          <li><a href="#"> La ville en chiffres</a></li>
          <li><a href="#"> Coopération internationale</a></li>
        </ul>
    </li>
    <li><a href="# "> Présentation de la mairie </a> 
        <ul>
          <li><a href="#">Date de création</a></li>
          <li><a href="#">Arrandissement Municipaux</a></li>
          <li><a href="#">Conseil municipal</a></li>
          <li><a href="#">Conseil municipal des enfants</a></li>
          <li><a href="#">Services municipaux</a></li>
        </ul>
    </li>
    <li><a href="# ">Réalisations </a></li>
    <li><a href="# ">Relations avec les citoyens</a></li>
  </ul>
</div>
<!--fin du Grand-menu-->
<!-- langue-->
  <div id="lang"> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Im-eng','','images/button_eng_over.gif',1)"><img src="images/button_eng.gif" name="Im-eng" width="72" height="30" border="0" id="Im-eng" /></a> 
                  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Im-ar','','images/button_arb_over.gif',1)"><img src="images/button_arb.gif" name="Im-ar" width="70" height="30" border="0" id="Im-ar" /></a> 
  </div>
<!--fin de langue-->
<!--pt-menu-->
 
   
    <div id="titre1"><h3>Menu</h3>
    </div>
  <div> 
    <ul  id="pt-menu">
      <li><a href="#">Accueil</a></li>
      <li><a href="#">Informaion locales</a></li>
      <li><a href="#">Féstivités</a></li>
      <li><a href="#">Prix</a></li>
      <li><a href="#">Mon Permis de Batir</a></li>
    </ul>
  </div>
<!--fin du pt-menu-->
  <div id="titre2"> 
    <h3>A propos de la commune</h3>
  </div>
<div id="commune">
 <div id="animPerle"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="36">
          <param name="movie" value="images/Txt-Perle-fr.swf" />
          <param name="quality" value="high" />
          <embed src="images/Txt-Perle-fr.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="100" height="36"></embed></object></div> 
		
    <div id="imgPerle"> <img src="images/coquillages011.gif" width="108" height="59" /> 
    </div>
 
    <div id="animBrochure"> 
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="115" height="173">
        <param name="movie" value="images/brochureFR.swf" />
        <param name="quality" value="high" />
        <embed src="images/brochureFR.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="115" height="173"></embed></object>
    </div>
</div>
<!--corp-->
<div id="corps"><iframe src="lien.htm"frameborder="0" width="550" height="600" name="iframe"></iframe></div>
<!--fin du corps-->

<!--partie gauche-->
<div></div>
<!--fin de la partie gauche-->

<!--pied de page-->
<div></div>
<!--fin du pied de page-->
</div>
</body>
</html>


le code css 
/* CSS Document */
body {
	background: #42afdc url(images/html-bg.gif) repeat-x;
	padding: 0px;
	margin: 0px;
	xbackground:fixed;
	background-attachment:fixed;
	color: #333333; font-style:normal; font-variant:normal; font-weight:normal; line-height:170%; font-size:70%; font-family:Verdana
}

.ContenuPage { width:1024px; margin-left:auto; margin-right:auto; overflow:hidden; }

#en_tete
{  
   width: 880px;
   height:154px;
   background: url('images/banniere-sousse.jpg') no-repeat center top;
   background-repeat: no-repeat;
   margin-bottom: 11px;
   margin: auto;
  
}

#lang{
float:left;
margin-left:10px;
margin-top:25px;
}


#menu ul
{
	z-index: 2;
	padding:0px;
	width: 885px;
	margin: 0 auto;
	list-style-type: none;
	text-align:center;
	letter-spacing: normal;
   }

#menu li
{ 
  
  margin:  auto ; 
  padding: 0 ;/* affichage horizontal */
  float: left ; /*pour ne pas qu'ils (li) s'empilent les uns sur les autres, on déclare les différents élément flottants à gauche ,ce qui va permettre aux li suivants d'aller se mettre... à droite*/
  border: 1px solid #006699 ; 
  }
  

#menu li a /*le grand menu*/
  {
  /* float: left ;*/
   font-size: 11px;
   background: #3399CC; /*bleu comme l'arriere plan*/
   display:block; /*va permettre de donner une largeur fixe et identique à chaque li*/
   width: 175px ;
   color: #FFFFFF ;
   padding: 2px 0 ;
   text-decoration: none ; /* non souligné*/
 
  }

#menu li a:hover /* les lien du grand menu*/
{  
   color: #030676 ;
   background: #E1C75B ; 
  }
  
 #menu li ul a /*le sous menu*/
 {
  
 background: #D7F5FF;
 color: #714F39;
 padding: 0px;
 padding-left: 0px;
 font-size: 11px;
 text-align: left;
 } 
   
 #menu li ul a:hover /*les lien des sous menu*/ 
  {
  background: #DEC58F ;
  color: #000000; 
 } 

#menu ul li ul 
{
 display:none;/*Pour faire disparaître les sous-items, on rajoute un display:none à la sous-liste (on lit en remontant : le ul inclus dans le li du ul du cadre id="menu") */
 width: 175px; 
 }

#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 
#menu li ul {
 position:absolute;
 margin-left:0 ;
 background: #ffffff ; 
 }
 
 #menu li ul li  {
 color:#000000;
 }
 
#pt-menu{
	width:180px;
	height:201px;
	background : url(images/menu.png) no-repeat;
	z-index: -1;
	
	 }

 #titre1{
	background: url(images/titre.png) no-repeat;
	width:180px;
	height:34px;
	margin-top:110px;
	margin-left:0px;
 } 
 
 #titre1 h3{
	text-align: left;
	color:#ffffff;
	padding-left:10px;
	padding-top:1px;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
 }
 
 #pt-menu li{
	list-style-image: url(images/163.gif);
	list-style-position: inside;
	margin-left:-38px;
	margin-top:15px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	word-spacing: 0.3px;
	white-space: pre;
  }
 
 #pt-menu li a{
	text-decoration: none;
	}
	
 #pt-menu li a:hover{
	color:#C29A3D;
	text-decoration: underline;
 }
 
#corps{ 
	background : url(images/arrondiCorp.png) no-repeat;
	width: 650px;
	height: 1200px;
	float: left;
	margin:auto;
	margin-top:-591px;	
	margin-left:190px;	
}

#titre2{
	position : absolute;
	background: url(images/titre.png) no-repeat;
	width:180px;
	height:34px;
	top:490px;
	z-index: 2;

 }
 #commune{
	width:180px;
	height:350px;
	background:url(images/commune.png) no-repeat;
	margin-top:210px;
	
}
#titre2 h3{
	
	text-align: left;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }


#animPerle{
padding-top:20px;
padding-left:30px;

}
#imgPerle{
padding-left:30px;
}

#animBrochure{
padding-left:30px;
padding-top:20px;
}
0
Réponse 7 / 12
phenX Messages postés 734 Statut Membre 23
 
background : url(images/arrondiCorp.png)

essaye en mettant des simples quotes à tes url
0
Réponse 8 / 12
minoula2006
 
j'ai mis les cotes mais il n' y a aucun changement :(
0
Réponse 9 / 12
phenX Messages postés 734 Statut Membre 23
 
ton pb c'est quoi ezxactement? les images ne s'affichent aps du tout ou elles ne s'affichent pas au bon endroit ?
0
Réponse 10 / 12
minoula2006
 
sur ffox elle s'afiche dans le bon endroit mais le pb sur Iexp
0
Réponse 11 / 12
holow1 Messages postés 739 Statut Membre 71
 
Bonjour,

essayer un autre navigateur opéra ou google chrome juste voire que ce va se passer
0
Réponse 12 / 12
minoula2006
 
j'ai essayé google chrome et mm résultat que firefox ils sont dans le bon endroit
0

Discussions similaires

Coco Chat : nouveau lien !
LoupiotteDesTenebres -
brucine -

9 réponses
Que signifie ''Votre colis est arrivé sur son site de distribution'' ?
jouhry113 -
georges97 -

27 réponses
'Votre colis est dans le site de livraison qui dessert votre adresse' que faire
relakztek82 -
Unemeuf -

25 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses