C'est parce que je vous ai deja tout donné
a écrit :
J'ai vu qu'entre temps ma question avait été posée ici. J'ai suivi les explications mais sans succès...( j'ai mis mon code dans l'autre topic.)
mais y a pas de soucis je le remets dans celui la... c'est plus simple...
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font: 100% Veranda, arial, sans-serif;
}
#menu {
position: absolute;
top: 4px;
left: 12px;
z-index: 1;
width: 100%; /* précision pour Opera */
[b]behavior: url("../menu/csshover.htc");
}
#menu dl {
float: left;
width: 7.6em;
}
[b] /*lignes rajoutées pour bug clignotant*/
#menu dl:hover dd{display:block}
#menu dd {display:block} /* javascript désactivé */
/**/
#menu dt {
cursor: pointer;
text-align:center;
font-weight:bold;
background: #ffffff;
border: 1px solid black;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
<script type="text/javascript">
<!--
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
*lignes ajoutées pour régler bug clignotant*/
<!--[if lte IE 6]>
<script>
window.onload=function(){ /* javascript actif */
var dd = document.getElementById('menu').getElementsByTagName('DD');
for (var i = 0; i<=dd.length; i++) dd.style.display='none';
}
</script>
<![ endif]-->
/**/
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="../menu/index.php" title="Retour à l'accueil">Actualités</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Présentation</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Directeur</a></li>
<li><a href="#">Comité</a></li>
<li><a href="#">École</a></li>
</ul>
</dd>
</dl>
</div>
[/b] [/b]
Modifié par p_tite_jo (09 Oct 2005 - 19:12)
