Menu déroulant incompatible avec certains IE

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Menu déroulant incompatible avec certains IE

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Menu déroulant incompatible avec certains IE (Lu 1323 fois)

Menu déroulant incompatible avec certains IE
« sur: le 23-09-2007 a 17:20:24 »

Mudora
Membre récent

Hors-Ligne

Messages: 2

Je suis un lama!

Bonjour à tous...

en me connectant de mon travail sur mon site perso http://www.matthieupesche.fr

j'ai constaté que mon menu déroulant ne fonctionnait pas (en fait il disparait quand on navigue d'un lien à un autre de la colonne découlante) sur leur versions non à jour d'Internet explorer...

sachant que mon site est aux normes internationales de programmation pouvez-vous me donner un conseil pour que la navigation sur le menu déroulant puisse se faire par le plus grand nombre?

Merci bien

Voici un extrait de mon index:

Code:
<div class="der">
<dl>
      <dt onmouseover="javascript:montre('sder1');">PROJETS</dt>
<dd id="sder1" onmouseover="javascript:montre('sder1');" onmouseout="javascript:montre('');">
<ul>
           <li><a href="index.php?page=proj">PROFESSIONELLE</a></li>
<li> <a href="index.php?page=projautre">AUTRES...</a></li>
        </ul>
      </dd>
   </dl>


   <dl>
      <dt onmouseover="javascript:montre('sder2');">REALISATION</dt>

         <dd id="sder2" onmouseover="javascript:montre('sder2');" onmouseout="javascript:montre('');">
                     <ul>
<li><a href="index.php?page=recent">RECENTES</a></li>
<li><a href="index.php?page=real">AUTRES...</a></li>

</ul>
        </dd>
   </dl>

   <dl>
      <dt onmouseover="javascript:montre('sder3');">LOISIRS</dt>
         <dd id="sder3" onmouseover="javascript:montre('sder3');" onmouseout="javascript:montre('');">
         <ul>
<li><a href="index.php?page=livre">LECTURE</a></li>
<li><a href="index.php?page=film">FILMS</a></li>
                  <li><a href="index.php?page=jeux">JEUX</a></li>
   <li><a href="index.php?page=creation">CREATION</a></li>
<li><a href="index.php?page=hobbies">AUTRES...</a></li>
</ul>
         </dd>
   </dl>
   </div>

et de la CSS

Code:

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
border:none;
color:#0033FF;
background-color:#FFFFFF;
}
dl.vert, dt.vert, dd.vert, ul.vert, li.vert {
margin: 0;
padding: 0;
list-style-type: none;
border:none;
color:#0033FF;
background-color:#e6ffff;
}

div.der {
position: absolute; /* placement du menu, à modifier selon vos besoins */
padding-top:0;
z-index:100;
width: 100%; /* correction pour Opera */
font-family : Arial, Verdana, sans-serif; /* on utilise Arial c'est plus beau ^^ */
border:none;
      }
div.der dl {
float: left;
width: 219px;
text-decoration:none;
}
div.der dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: none;
border:none;
padding:0;
margin:0;
font-size : 14px; /* hauteur du texte : 12 pixels */

}
div.der dd {
display: none;
font-weight: bold;
font-size:10px;

}
div.der li {
text-align: center;
background: none;
font-size:10px;
}
div.der li a, div.der dt a {
color:#0033FF;
background-color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border:none;
}
div.der li a:hover, div.der li a:focus, div.der dt a:hover, div.der dt a:focus {
color:#0066FF;
background-color:#FFFFFF;
text-decoration:underline;
}