Menu deroulants, impossible d'en sortir

Menu deroulants, impossible d'en sortir - HTML/CSS - Programmation

Marsh Posté le 26-03-2005 à 10:32:11    

Salut à tous  :hello:  
 
Voila je suis en train de realiser un site, il m'a fallut y integrer des menu deroulants, une recherche sur HFR m'a donné se lien :
 
http://www.alsacreations.com/articles/deroulant/
 
Cool ca marche  :love:  
 
Le probleme est que une fois que les menus sont deroulé, il ne se reenroulent pas :  
 
J'ai uploader pour que vous voyez le probleme :
 
http://jacques.genevieve.free.fr/Patrimoine/index2.htm
 
Le code :
 

Citation :


 
<div id="menu">
 <dl>    
 
  <dt onmouseover="javascript:montre('smenu1');"><img src="Images/Boutons/Exposer.gif" width="150" height="40"></dt>
   
   
   
  <dd id="smenu1">
   <ul>
    <li><a href="#">Sous-Menu 1.1</a></li>
    <li><a href="#">Sous-Menu 1.2</a></li>
    <li><a href="#">Sous-Menu 1.3</a></li>
    <li><a href="#">Sous-Menu 1.4</a></li>
    <li><a href="#">Sous-Menu 1.5</a></li>
    <li><a href="#">Sous-Menu 1.6</a></li>
   </ul>
 
   </dd>
 </dl>
   <dl>  
  <dt onmouseover="javascript:montre('smenu2');"><img src="Images/Boutons/Visiter.gif" width="150" height="40"></dt>
   <dd id="smenu2">
    <ul>
     <li><a href="#">Sous-Menu 2.1</a></li>
     <li><a href="#">Sous-Menu 2.2</a></li>
     <li><a href="#">Sous-Menu 2.3</a></li>
     <li><a href="#">Sous-Menu 2.4</a></li>
    </ul>
   </dd>
 </dl>
 
 <dl>  
  <dt onmouseover="javascript:montre('smenu3');"><img src="Images/Boutons/Presse.gif" width="150" height="40"></dt>
   <dd id="smenu3">
 
    <ul>
     <li><a href="#">Sous-Menu 3.1</a></li>
     <li><a href="#">Sous-Menu 3.2</a></li>
     <li><a href="#">Sous-Menu 3.3</a></li>
     <li><a href="#">Sous-Menu 3.4</a></li>
     <li><a href="#">Sous-Menu 3.5</a></li>
 
    </ul>
   </dd>
 </dl>
  <dl>  
  <dt onmouseover="javascript:montre('smenu4');"><img src="Images/Boutons/Programme.gif" width="150" height="40"></dt>
   <dd id="smenu4">
    <ul>
     <li><a href="#">Sous-Menu 4.1</a></li>
     <li><a href="#">Sous-Menu 4.2</a></li>
     <li><a href="#">Sous-Menu 4.3</a></li>
    </ul>
   </dd>
 </dl>
 <dl>  
  <dt onmouseover="javascript:montre('smenu5');"><img src="Images/Boutons/Theme.gif" width="150" height="40"></dt>
   <dd id="smenu5">
    <ul>
     <li><a href="#">Sous-Menu 5.1</a></li>
     <li><a href="#">Sous-Menu 5.2</a></li>
     <li><a href="#">Sous-Menu 5.3</a></li>
    </ul>
   </dd>
 </dl>
 <dl>  
  <dt onmouseover="javascript:montre('smenu6');"><img src="Images/Boutons/Newsletter.gif" width="150" height="40"></dt>
   <dd id="smenu6">
    <ul>
     <li><a href="#">Sous-Menu 6.1</a></li>
     <li><a href="#">Sous-Menu 6.2</a></li>
     <li><a href="#">Sous-Menu 6.3</a></li>
    </ul>
   </dd>
   
 </dl>
 <p>&nbsp;</p>
</div>
 


 
Merci d'avance à tous  :jap:

Reply

Marsh Posté le 26-03-2005 à 10:32:11   

Reply

Marsh Posté le 26-03-2005 à 11:45:42    

Salut,  
 
Plus bas sur cette page, est expliqué comment faire pour que les menus disparaissent quand la souris n'est plus dessus :  
 

Citation :


Si vous préférez qu'ils se masquent lorsquela souris les quitte, il suffit d'ajouter le comportement onmouseout= "javascript:montre();" sur les sous-menus (dd) comme le montre le code suivant :


 
Regarde la source juste en dessous :)

Reply

Marsh Posté le 26-03-2005 à 15:01:12    

Merci beaucoup :jap:
 
J'avais pas vu ca

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed