HELP code menu javascript

[PINEDE]

Bonjour,

j'ai un pb de code pour mon menu à l'adresse suivante :
http://www.residence-lapinede.com/locat ... amping.php par exemple.

Mon souhait serait d'avoir mon sous menu et donc les sous-titres apparant lorsque je clique sur le lien supérieur dans le menu principal. Or, aujourd'hui, lorsqu'on clique sur le titre du menu le sous-titre ne reste pas.

Voici mon code javascript :

Code: Tout sélectionner

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';}
}

Mon code html :

Code: Tout sélectionner

<dl>         
      <dt onmouseover="montre('smenu2');" id="navactualite"><a href="actualite-camping.php" title="Actualité du camping">Actualit&eacute;</a></dt>
         <dd id="smenu2">
            <ul id="ss-menu">               
               <li><a href="actualite-camping.php#alaune" title="Actualité à la une">A la une</a></li>
               <li><a href="actualite-camping.php#news" title="Actualité du camping">L'actualité du camping</a></li>
               <li><a href="../forums/index.php?c=7&sid=552010fb86be27d8a3f953153ab34364" title="Témoignages de propriétaires et visiteurs">Témoignages</a></li>
               <li><a href="revue-presse.php" title="Revue de presse du camping">Revue de presse</a></li>
               <li><a href="archives.php" title="Archives de l'actualité du camping">Archives</a></li>
            </ul>
         </dd>
   </dl>

Mon code css :

Code: Tout sélectionner

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0px 0 0;
padding: 0 2px 0 2px;
}

#ss-menu{
background: #041A4B;
}

#menu {
   position : absolute;
   left: 0px;
   top: 134px;
   width: 800px;
   height: 22px;
   background-color:#d04051;
   border-bottom: 1px solid #FFA900;
}

#menu dl {
float: left;
display:block;
margin-left:8px;
}

#menu li {
display: inline;
color: #FFA900;
background:#041A4B;
}
#menu li a{
display: inline;
color: #FFA900;
background:#041A4B;
background:url(../img/dotssmenu.gif) no-repeat;
padding:0px 5px 0px 12px;
}
#menu li a:hover{
display: inline;
color: #FFA900;
background: #041A4B;
background:url(../img/sqssmenu.gif) no-repeat;
padding:0px 5px 0px 12px;
}
#menu a {
text-decoration:none;
color: #FFA900;
background: #d04051;
}
#menu a:hover{
text-decoration: none;
color: #041A4B;
background: #d04051;
}

#mainactualite #navactualite a, #mainpinede #navpinede a, #mainregion #navregion a,
#mainmobilhome #navmobilhome a, #mainconditions #navconditions a, #mainmultimedia #navmultimedia a,
#mainforum #navforum a, #maincontact #navcontact a{
text-decoration: none;
border-right: 1px dotted #FFA900;
color:#041A4B;
font-weight: bold;
}

#navvente a{
background: #041A4B;
display:block;
padding: 0px 3px 0px 3px;
margin:0;
}

#smenu1, #smenu2, #smenu3, #smenu4 ,#smenu5 ,#smenu6 ,#smenu7 ,#smenu8 ,#smenu9 ,#smenu10 {
   position: absolute;
   display:block;
    padding: 0px 0px 0 0px;
   left: 0px;
   right: 0px;
   font-size: 0.7em;
   width: 800px;
   background-color:#041A4B;
   top: 23px;
}

Merci pour votre aide.

Benjamin.

[PINEDE]

Personne ???