Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1777 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu] CSS : Sous menu rémanent

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Résolu] CSS : Sous menu rémanent

n°1614256
sonick
Posté le 23-09-2007 à 16:00:48  profilanswer
 

Salut,
 
je voudrais mettre en place un système de menu/sous menu horizontal, et que lorsque la souris survole les éléments du menu, le sous menu apparaisse. La difficulté est que je veux que le sous menu reste affiché, même lorsque la souris ne survole plus un élément du menu (le sous menu affiché sera alors celui qui correspond au dernier élément de menu survolé).  
 
Je n'ai réussi pour l'instant qu'à afficher le sous menu au survol des éléments de menu, mais il disparait aussitôt que la souris s'en va.
 
Voici le code html:
 

Code :
  1. <ul id="menu_horiz">
  2.     <li class="accueil"><a href="index.html">accueil</a>
  3.       <ul id="submenu1">
  4.         <li><a href="#">Mot du président</a></li>
  5.         <li><a href="#">submenu1</a></li>
  6.         <li><a href="#">submenu1</a></li>
  7.         <li><a href="#">submenu1</a></li>
  8.         <li><a href="#">submenu1</a></li>
  9.       </ul>
  10.  </li>
  11.     <li class="entreprises"><a href="#">entreprises</a>
  12.       <ul id="submenu2">
  13.         <li><a href="#">Domaines de compétences</a></li>
  14.         <li><a href="#">Qualité</a></li>
  15.         <li><a href="#">Confidentialité</a></li>
  16.         <li><a href="#">Expériences</a></li>
  17.         <li><a href="#">Expériences</a></li>
  18.       </ul>
  19.  </li>
  20.     <li class="etudiants"><a href="#">étudiants</a>
  21.       <ul id="submenu3">
  22.         <li><a href="#">submenu3</a></li>
  23.         <li><a href="#">submenu3</a></li>
  24.         <li><a href="#">submenu3</a></li>
  25.         <li><a href="#">submenu3</a></li>
  26.         <li><a href="#">submenu3</a></li>
  27.       </ul>
  28.  </li>
  29.     <li class="contact""><a href="contact.html">contact</a>
  30.       <ul id="submenu4">
  31.         <li><a href="#">submenu4</a></li>
  32.         <li><a href="#">submenu4</a></li>
  33.         <li><a href="#">submenu4</a></li>
  34.         <li><a href="#">submenu4</a></li>
  35.         <li><a href="#">submenu4</a></li>
  36.       </ul>
  37.  </li>
  38. </ul>


 
Voici le code CSS :
 

Code :
  1. #menu_horiz {
  2.   padding-top:15px;
  3.   padding-bottom:5px;
  4.   background-color:#D35F5F;
  5. }
  6. #menu_horiz li {
  7.   display: inline ;
  8. }
  9. #menu_horiz li a {
  10.   margin-left:50px;
  11.   color: white;
  12.   font-size:1.5em;
  13.   font-weight:bold;
  14. }
  15. #menu_horiz li a:hover {
  16. }
  17. #menu_horiz ul { display:none; }
  18. #menu_horiz li:hover ul {
  19.   display:block;
  20.   background-color: green;
  21.   float:right;
  22.   margin-top:5px;
  23.   width:400px;
  24.   top: 10px;
  25.   height: 90px;
  26. }


Message édité par sonick le 23-09-2007 à 18:39:52
mood
Publicité
Posté le 23-09-2007 à 16:00:48  profilanswer
 

n°1614284
MetalDestr​oyer
Posté le 23-09-2007 à 18:22:24  profilanswer
 

Tu as une fonction onMouseOver et onmouseOut ? tu gères comment ton menu dynamqiue ? Suffit simplement de faire un OnmouseOver et faire la bonne fonction javascript et ton sous menu reste fix meme après que le curseur s'en va.

n°1614285
sonick
Posté le 23-09-2007 à 18:39:14  profilanswer
 

EN fait je me compliquais beaucoup, car je souhaitais programmer la page entièrement en css, maisil semble qu'IE6 ne gère pas ma manière de faire. J'utilise du JS maintenant et ça tourne sans problème, merci  ;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu] CSS : Sous menu rémanent

 

Sujets relatifs
[resolu] simplexml - suppression d'elements - probleme avec unset?[RESOLU] - Probleme requete SQL - RETURN
[CSS/Javascript] Annuler provisoirement les effets du CSS[RESOLU]Pb de compilation avec devC++
[RESOLU] [Ajax] Pb de binding objet avec Prototype[xhtml et CSS] Probleme de lien sur image..(truc de fou lol)[Résolu]
[resolu] Crash lors de l'ouverture d'un fichier [backtrace inside][Résolu] Automatiser le PHP_AUTH_USER pour authentification htaccess
Variable globale [Resolu] 
Plus de sujets relatifs à : [Résolu] CSS : Sous menu rémanent


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR