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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] CSS : Sous menu rémanent

sonick

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 :

<ul id="menu_horiz">
<li class="accueil"><a href="index.html">accueil</a>
<ul id="submenu1">
<li><a href="#">Mot du président</a></li>
<li><a href="#">submenu1</a></li>
<li><a href="#">submenu1</a></li>
<li><a href="#">submenu1</a></li>
<li><a href="#">submenu1</a></li>
</ul>
</li>
<li class="entreprises"><a href="#">entreprises</a>
<ul id="submenu2">
<li><a href="#">Domaines de compétences</a></li>
<li><a href="#">Qualité</a></li>
<li><a href="#">Confidentialité</a></li>
<li><a href="#">Expériences</a></li>
<li><a href="#">Expériences</a></li>
</ul>
</li>
<li class="etudiants"><a href="#">étudiants</a>
<ul id="submenu3">
<li><a href="#">submenu3</a></li>
<li><a href="#">submenu3</a></li>
<li><a href="#">submenu3</a></li>
<li><a href="#">submenu3</a></li>
<li><a href="#">submenu3</a></li>
</ul>
</li>
<li class="contact""><a href="contact.html">contact</a>
<ul id="submenu4">
<li><a href="#">submenu4</a></li>
<li><a href="#">submenu4</a></li>
<li><a href="#">submenu4</a></li>
<li><a href="#">submenu4</a></li>
<li><a href="#">submenu4</a></li>
</ul>
</li>
</ul>

Voici le code CSS :

Code :

#menu_horiz {
padding-top:15px;
padding-bottom:5px;
background-color:#D35F5F;
}
#menu_horiz li {
display: inline ;
}
#menu_horiz li a {
margin-left:50px;
color: white;
font-size:1.5em;
font-weight:bold;
}
#menu_horiz li a:hover {
}
#menu_horiz ul { display:none; }
#menu_horiz li:hover ul {
display:block;
background-color: green;
float:right;
margin-top:5px;
width:400px;
top: 10px;
height: 90px;
}

Message édité par sonick le 23-09-2007 à 18:39:52

Publicité

MetalDestroyer

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.

sonick

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

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

Page générée en 0.058 secondes