Menu déroulant avec onMouseOver ul li
Nazuras
Messages postés
60
Date d'inscription
Statut
Membre
Dernière intervention
-
tinou35800 Messages postés 927 Statut Membre -
tinou35800 Messages postés 927 Statut Membre -
Bonjour,
J'aimerai trouver réponse ici pour que je puisse finir mon stage :)
Alors sur mon site j'ai un menu déroulant horizontal en CSS:
<ul>
<li> lien du menu
<ul>
<li> lien du sous-menu </li>
<li> lien du sous-menu </li>
</ul></li>
<li> lien du menu 2
<ul>
<li> lien du sous-menu2 </li>
<li> lien du sous-menu2 </li>
<li> lien du sous-menu2 </li>
</ul></li>
J'ai un OnMouseOver sur mes menus pour changer l'image du menu sélectionner. Mais lorsque que je survole les lien du sous-menu correspondant, L'image de l'onglet menu revient celle de l'origine et comme vous le devinez ce n'est pas l'effet souhaité :(
Es que quelqu'un aurait une petite solution pour me dépanner ?
Merci beaucoup d'avance :)
J'aimerai trouver réponse ici pour que je puisse finir mon stage :)
Alors sur mon site j'ai un menu déroulant horizontal en CSS:
<ul>
<li> lien du menu
<ul>
<li> lien du sous-menu </li>
<li> lien du sous-menu </li>
</ul></li>
<li> lien du menu 2
<ul>
<li> lien du sous-menu2 </li>
<li> lien du sous-menu2 </li>
<li> lien du sous-menu2 </li>
</ul></li>
J'ai un OnMouseOver sur mes menus pour changer l'image du menu sélectionner. Mais lorsque que je survole les lien du sous-menu correspondant, L'image de l'onglet menu revient celle de l'origine et comme vous le devinez ce n'est pas l'effet souhaité :(
Es que quelqu'un aurait une petite solution pour me dépanner ?
Merci beaucoup d'avance :)
7 réponses
-
-
Voilà le code html:
<ul class=\"niveau1=\"> <li style=\"padding:0px;margin:0px;\"><img src=\"images/menu/menuDebut.png\" alt=\"Debut du menu\"/></li><li class=\"sousMenu\"><img src=\"images/menu/menuDons.png\" onmouseover=\"this.src='images/menu/menuDonsSelect.png';\" onmouseout=\"this.src='images/menu/menuDons.png';\" alt=\"Dons association\" title=\"espace dons\"/><ul class=\"niveau2\"> <li class=\"remonte\" style=\" width: 151px;\" ><a href=\"#\">Paiements</a></li> <li style=\" width: 151px;\"><a href=\"#\">Par carte</a></li> </ul></li><li class=\"sousMenu\"><img src=\"images/menu/menuActivites.png\" onmouseover=\"this.src='images/menu/menuActivitesSelect.png';\" onmouseout=\"this.src='images/menu/menuActivites.png';\"/><ul class=\"niveau2\"> <a href=\"sdfDispositifs.php\"><li class=\"remonte\" style=\" width: 170px;\">Dispositifs</a></li> <a href=\"fichier/projetEtablissement/projetEtablissement.pdf\"><li style=\" width: 170px;\">Projet Etablissement</a></li> <li style=\" width: 170px;\"><a href=\"#\">Conventions</a></li> <a href=\"dfknglnfdkv.php\"/><li style=\" width: 170px;\">Rapports Activités</a></li> </ul></li><li class=\"sousMenu\"><img src=\"images/menu/menuActualites.png\" onmouseover=\"this.src='images/menu/menuActualitesSelect.png';\" onmouseout=\"this.src='images/menu/menuActualites.png';\" /><ul class=\"niveau2\"> <a href=\"sansAbrisNewsletter.php\"><li class=\"remonte\" style=\" width: 165px;\">Newsletter</a></li> <li style=\" width: 165px;\"><a href=\"#\">On parle de nous</li></a> <a href=\"CaBouge.php\"><li style=\" width: 165px;\">Ca bouge chez nous</a></li> </ul></li><li class=\"sousMenu\"><img src=\"images/menu/menuLiens.png\" onmouseover=\"this.src='images/menu/menuLiensSelect.png';\" onmouseout=\"this.src='images/menu/menuLiens.png';\" alt=\"Liens partenaire\" title=\"Menu des liens\"/><ul class=\"niveau2\"> <li class=\"remonte\" style=\" width: 151px;\"><a href=\"#\">Institution</a></li> <li style=\" width: 151px;\"><a href=\"#\">Prof.</a></li> <li style=\" width: 151px;\"><a href=\"#\">Intérêts</a></li> <li style=\" width: 151px;\"><a href=\"#\">Nos partenaires</a></li> </ul></li><li class=\"sousMenu\"><img src=\"images/menu/menuVieAsso.png\" onmouseover=\"this.src='images/menu/menuVieAssoSelect.png';\" onmouseout=\"this.src='images/menu/menuVieAsso.png';\"alt=\"Vie associative\" title=\"la vie associative\"/><ul class=\"niveau2\"> <li class=\"remonte\" style=\" width: 151px;\" onclick=\"envoi('dispositifs');\"><a href=\"#\">Valeurs</a></li> <a href=\"assoHistorique.php\"><li style=\" width: 151px;\">Historique</a></li> <li style=\" width: 151px;\"><a href=\"#\">Composition CA</a></li> <li style=\" width: 151px;\"><a href=\"#\">Statuts</a></li> <li style=\" width: 151px;\"><a href=\"#\">Adhésion ?</a></li> <li style=\" width: 151px;\"><a href=\"#\">Bénévolat</a></li> <li style=\" width: 151px;\"><a href=\"#\">Compte rendu CA</a></li> </ul></li><a href=\"AssociationContact.php\"><li class=\"sousMenu\"><img src=\"images/menu/menuContacts.png\"onmouseover=\"this.src='images/menu/menuContactsSelect.png';\" onmouseout=\"this.src='images/menu/menuContacts.png';\" alt=\"contact association\" title=\"contactez nous\"/></a> </li><li><img src=\"images/menu/menuFin.png\" alt=\"fin du menu\" title=\"fin du menu\"/></li></ul> -
si je comprends bien tu veux que chaque li appartienne a un menu déroulant? et je ne comprends pas bien ton histoire de changement d'image
-
Je vais uploadé sur un ftp et tu regardera par toi même, ça sera plus compréhensible je pense
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
Je t'ai envoyé un mp
-
