Problème de javaScript
pirate
-
pirate -
pirate -
Bonjour,
J'ai fait un menu déroulant au passage de la souris. Le problème c'est que je ve maintenant qu'il se déroule uniquement que lorsque je clic dessu.
voici mon css
#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;}
#monmenu ul ul {display: none; left: 144px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#monmenu li{list-style-type: none; position: relative; width: 140px; height: 30px; background-color: #EEF3F7; padding: 2px; margin: 0px}
#monmenu li li{list-style-type: none; position: absolute; top: -40%; width: 780px; height: 400px; background-color: white; padding: 2px; margin: 0px}
#monmenu li:hover, #monmenu li.sfhover {background-color: white;}
#monmenu li:hover.active {url: ("Accueil.php"); background-color: white;}
#monmenu li a {text-decoration:none;}
#monmenu li:hover ul.niveau2, #monmenu li li.onclick ul.niveau3 {display: block;}
#monmenu li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
J'ai essayé de remplacer hover par onclick mais ca marche pas non plus
existe t-il une solution?
merci d'avance
J'ai fait un menu déroulant au passage de la souris. Le problème c'est que je ve maintenant qu'il se déroule uniquement que lorsque je clic dessu.
voici mon css
#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;}
#monmenu ul ul {display: none; left: 144px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#monmenu li{list-style-type: none; position: relative; width: 140px; height: 30px; background-color: #EEF3F7; padding: 2px; margin: 0px}
#monmenu li li{list-style-type: none; position: absolute; top: -40%; width: 780px; height: 400px; background-color: white; padding: 2px; margin: 0px}
#monmenu li:hover, #monmenu li.sfhover {background-color: white;}
#monmenu li:hover.active {url: ("Accueil.php"); background-color: white;}
#monmenu li a {text-decoration:none;}
#monmenu li:hover ul.niveau2, #monmenu li li.onclick ul.niveau3 {display: block;}
#monmenu li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
J'ai essayé de remplacer hover par onclick mais ca marche pas non plus
existe t-il une solution?
merci d'avance
A voir également:
- Problème de javaScript
- Telecharger javascript pour pc - Télécharger - Langages
- A javascript error occurred in the main process français - Forum Windows
- Javascript arrondi ✓ - Forum Windows
- Javascript arrondir à 2 décimales - Forum Webmastering
- Javascript void 0 c'est quoi ✓ - Forum Réseaux sociaux
<li class="active" style="positon: absolute; top: -50%;"> Qui somme nous?
<ul class="niveau2" style="width: 600px; height: 400px; border: 0px;">
<p><h5><a href="Presentation.html"> Présentation de l'entreprise :</a></h5></p>
</ul>
</li>
<li> Entreprise
<ul class="niveau2" style="width: 1900px; height: 400px; border: 0px;">
<a href="entreprise.php"><img src="images/entreprise1.png" style=" left: 173px; width: 140px; heigh: 50px;" class="imageflottante" alt="Image flottante"/></a><br/><br/>
</ul>
</li>
<li> Client
<ul class="niveau2" style="width: 600px; top: -50%; height: 400px; border: 0px;">
<a href="client.php"><img src="images/client.png" style=" left: 173px; width: 140px; heigh: 50px;" class="imageflottante" alt="Image flottante"/></a>
</ul>
</li>
</ul>
voici mon menu