Menu déroulant avec onMouseOver ul li

Fermé

Nazuras Messages postés 62 Date d'inscription jeudi 2 juillet 2009 Statut Membre Dernière intervention 20 juin 2011 - 16 juin 2011 à 10:26
tinou35800 Messages postés 834 Date d'inscription jeudi 10 avril 2008 Statut Membre Dernière intervention 11 décembre 2012 - 16 juin 2011 à 11:02

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 :)

A voir également:

Menu déroulant avec onMouseOver ul li
Menu déroulant excel - Guide
Excel menu déroulant en cascade - Guide
Menu déroulant google sheet - Accueil - Guide bureautique
Windows 11 menu démarrer classique - Guide
Canon quick menu - Télécharger - Utilitaires

7 réponses

Réponse 1 / 7

tinou35800 Messages postés 834 Date d'inscription jeudi 10 avril 2008 Statut Membre Dernière intervention 11 décembre 2012 65
16 juin 2011 à 10:30

on peut avoir aussi le code html?

Réponse 2 / 7

Nazuras Messages postés 62 Date d'inscription jeudi 2 juillet 2009 Statut Membre Dernière intervention 20 juin 2011 99
Modifié par Nazuras le 16/06/2011 à 10:46

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>

Réponse 3 / 7

tinou35800 Messages postés 834 Date d'inscription jeudi 10 avril 2008 Statut Membre Dernière intervention 11 décembre 2012 65
16 juin 2011 à 10:47

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

Réponse 4 / 7

Nazuras Messages postés 62 Date d'inscription jeudi 2 juillet 2009 Statut Membre Dernière intervention 20 juin 2011 99
16 juin 2011 à 10:48

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

Réponse 5 / 7

tinou35800 Messages postés 834 Date d'inscription jeudi 10 avril 2008 Statut Membre Dernière intervention 11 décembre 2012 65
16 juin 2011 à 10:54

oui merci c'est sur

Réponse 6 / 7

Nazuras Messages postés 62 Date d'inscription jeudi 2 juillet 2009 Statut Membre Dernière intervention 20 juin 2011 99
16 juin 2011 à 11:01

Je t'ai envoyé un mp

Réponse 7 / 7

tinou35800 Messages postés 834 Date d'inscription jeudi 10 avril 2008 Statut Membre Dernière intervention 11 décembre 2012 65
16 juin 2011 à 11:02

j'ai vu et je t'ai rep

Discussions similaires

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer liste déroulante

supprimer une liste déroulante

Supprimer Liste déroulante