18073 sujets

Questions générales et questions de débutants

[résolu] Menu déroulant horizontal : masquer le sous-menu

Bonjour

J'ai utilisé un menu déroulant tel qu'il est décrit sur ce site.
Mais j'aimerais que le comportement soit légèrement différent.
Il faudrait que le sous-menu soit masqué dès que la souris n'est plus sur le sous-menu.
Actuellement, il est masqué seulement lorsqu'on passe la souris sur un autre menu.

Voici mon code html pour l'un des menus.
J'en ai 3 et la seule différence à chaque fois c'est l'id du "dd" et le paramètre des fonctions cache et montre.


          <dl onmouseout="javascript:cache(2)">
            <dt onmouseover="javascript:montre(2)">
              <a href="#">Analysis</a>
            </dt>
            <dd id="smenu2">
              <ul>
                <li><a href="lien1.php>sous-menu1</a></li>
                <li><a href="lien2.php>sous-menu2</a></li>
                <li><a href="lien3.php>sous-menu3</a></li>
                <li><a href="lien4.php>sous-menu4</a></li>
                <li><a href="lien5.php>sous-menu5</a></li>
              </ul>
            </dd>
          </dl>


Et voici le code javascript :

function montre(id)
{
	var d = document.getElementById('smenu' + id);
	if (d)
	{
		d.style.display = 'block';
	}
}

function cache(id)
{
	var d = document.getElementById('smenu' + id);
	if (d)
	{
		d.style.display = 'none';
	}
}


Le problème c'est que le sous-menu se masque dès que la souris quitte le texte du menu ("dt").
Alors qu'il devrait se masquer lorsque la souris quitte le bloc menu/sous-menu ("dl")
Je ne comprends vraiment pas...

Merci si vous pouvez m'aider.
Bonne journée.
Modifié par carikube (21 Feb 2005 - 20:52)
Salut à tous, moi aussi j'aimerai nien récupérer ce menu déroulant, mais je n'arrive pas à l'intégrer dans mon site:
http://rwowind.free.fr
il y a deux fichiers: 1 html et 1 css
--> ont le met ou le "css", dans un fichier que l'on renomme en css?
Bon, en fait j'ai tout mis dans le même fichier html, c'est ça qu'il faut faire?
il y a que "accueil" et "menu2" qui s'allume lorsqu'ont y place la sourie.
il n'y a pas non plus les sous menu qui déroullent en dessous
Oreille a écrit :
Salut à tous, moi aussi j'aimerai nien récupérer ce menu déroulant, mais je n'arrive pas à l'intégrer dans mon site:
http://rwowind.free.fr
il y a deux fichiers: 1 html et 1 css
--> ont le met ou le "css", dans un fichier que l'on renomme en css?

Bonjour Oreille et bienvenue sur ce forum,

Le mieux est d'appeler depuis ta page html un fichier externe portant l'extension css, voici plusieurs méthodes en mettant ce qui suit dans le head de ta page html:

<link rel="stylesheet" type="text/css" href="mafeuilledestyle.css">
ou
<style type="text/css">
<!--
@import url(mafeuilledestyle.css);
//-->
</style>

Tu peux aussi intégrer tes déclarations css dans le head de ta page:

<style type="text/css">
<!-- 
 body{
propriété:valeur;
propriété:valeur;
}
h1{
propriété:valeur;
}
etc.
-->
</style>

Si tu es débutant avec css n'hésites pas à parcourir les tutoriels d'Alsacréations et les ressources rassemblées dans la section ressources du forum.

@carikube
Si ton soucis est résolu, il faut rajouté un tag résolu dans le titre de ton sujet comme indiqué dans la faq.

Si le cœur vous en dit à tous les deux un topic de présentation est disponible dans le bar du forum.
Salut,
Ok pour déclaration/appel du fichier ".css"
Voici mon résultat:
http://perso.wanadoo.fr/rwowind/050222/menu.html
Quelqu'un à t'il le même problème que moi?

Ps: est-il possible de le modifier (hauteur/largeur) pour l'intégrer là dedans?
Merci beaucoup!


Reps: Avec Mozilla Firefox, quand je copie la page, les sous menus fonctionnent Smiley eek Smiley eek Smiley eek Smiley eek Smiley eek ,
parcontre c'est chaud à modifier je crois que je vais laisser tomber...
Modifié par Oreille (22 Feb 2005 - 11:53)
Sujet clos
Aller à