18041 sujets

Questions générales et questions de débutants

Probemme d'affichage sur le navigateur

bonjour
mon problème est que je suis constament bloqué par le navigateur internet.
je m'explique, comme on peut voir sur la photo

http://img246.imageshack.us/img246/5554/sanstitrekr6.th.gif

le script est bloqué mon menu est sensé être un menu accordéon qui s'active par un clic.

le menu s'affiche mais est inutilisable car il est systématiquement bloqué par IE. je voudrai réglé ce problème qui pourrai faire fuir mes visiteurs car le problème se répète sur toutes les pages du site...

à noter que je l'ai testé sur 4 ordi différent, tous tourne sur XP, 2 ont IE6 et les 2 autres IE7.
de quoi cela pourrai venir?

voici le code de mon modèle:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>    
    <title> 
    </title>    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />    
    <meta name="author" content="http://radservebeer.free.fr" />    
    <meta name="generator" content="PSPad editor,  www.pspad.com"  />    
    <link rel="stylesheet" type="text/css" href="fichiers/style.css" media="screen" />
<script type="text/javascript" src="fichiers/menu.js">
</script>  
<style type="text/css">
<!--
body {
	background-image: url(bg.gif);
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-image: url(bg.gif);
}
#apDiv1 {
	position:absolute;
	left:15px;
	top:-48px;
	width:1118px;
	height:260px;
	z-index:1;
	background-image: url(BANNIERE-MINE-DES-GORONS.gif);
}
#apDiv2 {
	position:absolute;
	left:-18px;
	top:204px;
	width:176px;
	height:388px;
	z-index:2;
	background-image: url(EFFET-LAVE2.gif);
}
#apDiv3 {
	position:absolute;
	left:16px;
	top:237px;
	width:143px;
	height:17px;
	z-index:3;
	background-image: url(BONTON-NAV-ROCHER-2.gif);
}
#apDiv4 {
	position:absolute;
	left:16px;
	top:261px;
	width:143px;
	height:17px;
	z-index:4;
	background-image: url(BONTON-NAV-ROCHER-2.gif);
}
#apDiv5 {
	position:absolute;
	left:17px;
	top:286px;
	width:119px;
	height:129px;
	z-index:5;
}
#apDiv6 {
	position:absolute;
	left:15px;
	top:213px;
	width:115px;
	height:65px;
	z-index:5;
	font-size: 12px;
}
.style5 {color: #FFFF00; font-family: "Berlin Sans FB Demi";}
#apDiv7 {
	position:absolute;
	left:192px;
	top:226px;
	width:943px;
	height:347px;
	z-index:6;
}
.style12 {color: #FFFF00; font-style: italic;}
#apDiv8 {
	position:absolute;
	left:15px;
	top:349px;
	width:143px;
	height:17px;
	z-index:7;
	background-image: url(BONTON-NAV-ROCHER-2.gif);
}
#apDiv9 {
	position:absolute;
	left:15px;
	top:442px;
	width:143px;
	height:17px;
	z-index:8;
	background-image: url(BONTON-NAV-ROCHER-2.gif);
}
#apDiv10 {
	position:absolute;
	left:15px;
	top:516px;
	width:143px;
	height:17px;
	z-index:9;
	background-image: url(BONTON-NAV-ROCHER-2.gif);
}
#apDiv11 {
	position:absolute;
	left:15px;
	top:480px;
	width:143px;
	height:17px;
	z-index:10;
}
-->
</style></head>

<body>
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv6">
<dl id="menuV">      
      <dt title="menu N° 1">        
        <a href="javascript:DivStatus('menu1')">MENU 1</a>      
      </dt>      
      <dd>        
        <div id="menu1" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a>            
          <a href="http:#">SOUS MENU 4</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 2">        
        <a href="javascript:DivStatus('menu2')">MENU 2</a>      
      </dt>      
      <dd>        
        <div id="menu2" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a>            
          <a href="http:#">SOUS MENU 4</a>            
          <a href="http:#">SOUS MENU 5</a>            
          <a href="http:#">SOUS MENU 6</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 3">        
        <a href="javascript:DivStatus('menu3')">MENU 3</a>      
      </dt>      
      <dd>        
        <div id="menu3" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a>            
          <a href="http:#">SOUS MENU 4</a>            
          <a href="http:#">SOUS MENU 5</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 4">        
        <a href="javascript:DivStatus('menu4')">MENU 4</a>      
      </dt>      
      <dd>        
        <div id="menu4" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a>            
          <a href="http:#">SOUS MENU 4</a>            
          <a href="http:#">SOUS MENU 5</a>            
          <a href="http:#">SOUS MENU 6</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 5">        
        <a href="javascript:DivStatus('menu5')">MENU 5</a>      
      </dt>      
      <dd>        
        <div id="menu5" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 6">        
        <a href="javascript:DivStatus('menu6')">MENU 6</a>      
      </dt>      
      <dd>        
        <div id="menu6" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a>            
          <a href="http:#">SOUS MENU 4</a>            
          <a href="http:#">SOUS MENU 5</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 7">        
        <a href="javascript:DivStatus('menu7')">MENU 7</a>      
      </dt>      
      <dd>        
        <div id="menu7" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a><br />        
        </div>      
      </dd>      
      <dt title="menu N° 8">        
        <a href="javascript:DivStatus('menu8')">MENU 8</a>      
      </dt>      
      <dd>        
        <div id="menu8" class="cachediv">          
          <a href="http:#">SOUS MENU 1</a>            
          <a href="http:#">SOUS MENU 2</a>            
          <a href="http:#">SOUS MENU 3</a>            
          <a href="http:#">SOUS MENU 4</a>            
          <a href="http:#">SOUS MENU 5</a><br />        
        </div>      
      </dd>    
  </dl>  
</div>
<div id="apDiv7"></div>
</body>
</html>

Modifié par Florent V. (10 Feb 2009 - 15:25)
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à