Bonjour la communauté,

Je possède un menu déroulant réalisé avec des images.
Je voudrais inserer un commentaire sur chaque bouton de ce menu au survol par la souris.

Voici mon code html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<ul class="menu">
	<li class="top p1"><a href="Listemaj.htm" id="maj" class="top_link"></a></li>
	<li class="top p2"><a href="#" id="pbo" class="top_link"></a>
		<ul class="sub">
			<li class="pb"><a href="pressbookalpha.htm" class="top_link"></a></li>
			<li class="pb1"><a href="pressbookprod.htm" class="top_link"></a></li>
		</ul>
	</li>
Et voiçi mon code css :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
.menu li a#maj:hover {width:85px; background:url(../../images/boutons/bout_maj1.png) no-repeat;}
.menu li a#pbo:hover {width:85px; background:url(../../images/boutons/bout_pboo1.png) no-repeat;}
 
.pb{background-image:  	url(../../images/boutons/bout_listalp.png); background-repeat:no-repeat; left:0; top:60px; width:85px; height:43px; margin-bottom:5px;}
 
.pb:hover{background-image:  	url(../../images/boutons/bout_listalp1.png); background-repeat:no-repeat; left:0; top:60px; width:85px; height:43px; margin-bottom:5px;}
J'espère qu'une solution existe...

Merci pour votre aide