menu déroulant en javascript et HTML/CSS

[TYBMHI]

Bonjour à tous,

J'ai créer un menu déroulant horizontal. Tout fonctionne presque bien. En fait si je pointe ma souris sur un des menus le sous-menu se déroule sans problème. Le seul problème que j'ai, est que lorsque je quitte le menu (si par exemple je pointe ma souris ailleurs que sur le menu), j'ai toujours le dernier sous-menu déroulant que j'ai déployé qui reste déroulé en permanence. Je voudrais savoir comment faire pour que le sous menu disparaisse dès que je retire la souris de sa zone ?

Je pense que ca vient de mon javascript :

<script type="text/javascript">
<!--
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';}
}
//-->
</script>

Merci d'avance pour votre aide.

[crocxx]

Bonjour,

Tu peu peu être ajouter un onmouseout="java script:montre('');" dans ton code HTML

[TYBMHI]

Merci beaucoup pour ton aide !

Je pense que grâce à toi j'y suis presque mais je n'y arrive pas. En fait peu importe ou je place le: onmouseout="java script:montre('');" le menu déroulant se retire directement dès que je bouge la souris. Voici un bout du menu en HTML. Si tu peux encore m'aider, merci.

<dl>			
		<dt onmouseover="java script:montre('smenu1');">Famille</dt>
			<dd id="smenu1">
				<ul>
					<li><a href="#">Parent</a></li>
					<li><a href="#">Frère/soeur</a></li>
					<li><a href="#">Oncle/tante</a></li>
					<li><a href="#">Grand-parent</a></li>
					<li><a href="#">Cousin/cousine</a></li>
					<li><a href="#">Neveu/nièce</a></li>
					<li><a href="#">Autre</a></li>
				</ul>
			</dd>
	</dl>

[iNCiTE Web]

Il faudrait le code complet du menu...

L'exemple venant de là Tuto alsacreéations, tu as vérifié par rapport à la source ?