Titre: Menu déroulant incompatible avec certains IE
Posté par: Mudora le le 23-09-2007 a 17:20:24
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;
}
|
|
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|