Problème prour ALLER dans mes SOUS-MENU !!!??

Résolu/Fermé
BenjD90 Messages postés 83 Date d'inscription samedi 23 février 2008 Statut Membre Dernière intervention 20 avril 2011 - 27 oct. 2008 à 20:26
BenjD90 Messages postés 83 Date d'inscription samedi 23 février 2008 Statut Membre Dernière intervention 20 avril 2011 - 27 oct. 2008 à 21:21
Bonjour,

je n'arrive pas à accéder aux sous menus, quand j'arrive au-dessus du lien, il ont disparurent !!!

voici mon code de ma page et son rendu à l'écran est ici : http://pr101antimatiere.olympe-network.com/CCM/menu.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
<!--
window.onload=montre;
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';}
}
function cache(id) {
if (document.getElementById) {
document.getElementById(id).style.display="none";
} else if (document.all) {
document.all[id].style.display="none";
} else if (document.layers) {
document.layers[id].display="none";
} }
//-->
</script>
________________________script pour l'heure ______________
<script type="text/javascript">
function tS(){
x=new Date();
x.setTime(x.getTime());
return x;
}
function lZ(x){
return (x>9)?x:'0'+x;
}
function dT(){
if(fr==0){
fr=1;
document.write(" " + '<span id="tP">'+eval(oT)+'</span>');
}
document.getElementById("tP").innerHTML = eval(oT);
setTimeout('dT()',1000);
}
var fr=0;
oT="tS().getHours()+'h'+lZ(tS().getMinutes())+'min'+lZ(tS().getSeconds())+'s'";
</script>
_____________________________________________________________________
<style type="text/css">
<!--
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
bottom: -30px;
left: -1px;
z-index:100;
visibility: inherit;
color: #CDCD67;
}
#menu dl {
float: left;
position: relative;
margin: 0 2px;
width: 13em;
height: auto;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border: 1px;
}
#menu dd {
background-color: #000000;
position: absolute;
bottom:1.5em;
width:100%;
}
#menu li {
text-align: center;
color: #DADD9B;
background-color: #000000;
}
#menu li a, #menu dt a {
display: block;
height: 100%;
border: 0 none;
color: #CDCD67;
background-color: #000000;
}
#menu li a:hover, #menu dt a:hover {
background-color: #CCCCCC;
color: #4D4D1A;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #000000;
padding: 5px;
border: 1px solid gray;
}
a:link {
text-decoration: none;
border: 1px sloid;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
border: 1px solid;
}
a:active {
text-decoration: none;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}


-->
</style>
</head>

<body>
<p>
<p> </p>
<p> </p>
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77%" height="100%"><div id="menu">
<dl onMouseOut="javascript:cache();">
<dt onmouseover="javascript:montre();" ><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>

<dl onmouseover="javascript:montre('smenu1');" onMouseOut="javascript:cache('smenu1');">
<dt ><a href="#">Menu 1</a></dt>
<dd style="display: none;" id="smenu1" onMouseOver="montre('smenu1');" onMouseOut="cache('smenu1');">
<ul>
<li><a href="page2.htm">Sous-Menu 1.1</a></li>

<li><a href="page2.htm">Sous-Menu 1.2</a></li>
<li><a href="page2.htm">Sous-Menu 1.3</a></li>
<li><a href="page2.htm">Sous-Menu 1.4</a></li>
<li><a href="page2.htm">Sous-Menu 1.5</a></li>
<li><a href="page2.htm">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>


<dl onmouseover="javascript:montre('smenu2');" onMouseOut="javascript:cache('smenu2');">
<dt ><a href="page2.htm">Menu 2</a></dt>
<dd style="display: none;" id="smenu2" onmouseover="javascript:montre('smenu2');" onMouseOut="javascript:cache('smenu2');">
<ul>
<li><a href="page2.htm">Sous-Menu 2.1</a></li>
<li><a href="page2.htm">Sous-Menu 2.2</a></li>

<li><a href="page2.htm">Sous-Menu 2.3</a></li>
<li><a href="page2.htm">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>

<dl onmouseover="javascript:montre('smenu3');" onMouseOut="javascript:cache('smenu3');">
<dt ><a href="page2.htm">Menu 3</a></dt>
<dd style="display: none;" id="smenu3" onmouseover="javascript:montre('smenu3');" onMouseOut="javascript:cache('smenu3');">

<ul>
<li><a href="page2.htm">Sous-Menu 3.1</a></li>
<li><a href="page2.htm">Sous-Menu 3.2</a></li>
<li><a href="page2.htm">Sous-Menu 3.3</a></li>
<li><a href="page2.htm">Sous-Menu 3.4</a></li>
<li><a href="page2.htm">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>

<dl onmouseover="javascript:montre('smenu4');" onMouseOut="javascript:cache('smenu4');">
<dt ><a href="page2.htm">Menu 4</a></dt>
<dd style="display: none;" id="smenu4" onmouseover="javascript:montre('smenu4');" onMouseOut="javascript:cache('smenu4');">
<ul>
<li><a href="page2.htm">Sous-Menu 4.1</a></li>

<li><a href="page2.htm">Sous-Menu 4.2</a></li>
<li><a href="page2.htm">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>

</div>  </td>
<td width="23%"><div align="right">Nous sommes le
(................................)
</div></td>
</tr>
</table>

</body>
</html>





Merci d'avance pour vos réponce
A voir également:

1 réponse

BenjD90 Messages postés 83 Date d'inscription samedi 23 février 2008 Statut Membre Dernière intervention 20 avril 2011 1
27 oct. 2008 à 21:21
merci,

g trouvé avant vous !!

il suffisait de mettre 1em au lieu de 1.5em
-1