28173 sujets

CSS et mise en forme, CSS3

Bonjour Boubou57,

Il me semble que la question a été posé 2 millions de fois sur ce forum...environ...et il me semble surtout que le tutoriel d'Alsacreations apportait déjà la réponse à ta problématique :
a écrit :
Si vous préférez qu'ils se masquent lorsque la souris les quitte, il suffit d'ajouter le comportement onmouseout= "javascript:montre();" sur les sous-menus (dd)

Bref, pour peu que j'ai effectivement bien compris ta problèmatique, ceci devrait résoudre ton problème :


<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>			
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1"onmouseover="javascript:montre('smenu1');"onmouseout="javascript:montre();">
<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');">Menu 2</dt>
<dd id="smenu2"onmouseover="javascript:montre('smenu2');"onmouseout="javascript:montre();">
<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>
etcaetera...


Ceci dit, on aura pris soin de lire les mises en garde en préambule du tuto Smiley cligne
Cdt,
Sylvain
Merci pour la réponse Smiley biggrin

C'est nickel maintenant...

...dsl pour le dérangement, mais j'étais un peu limite au niveau du délai Smiley confused