Infobulle et menu css

Bonjour.

J'ai réalise un petit menu css à base d'images comme ceci.

<ul id="meuhnu">
	<li class="formation"><a href="formations_particuliers.php"></a></li>
	<li class="reseau"><a href="install_reseaux.php"></a></li>
	<li class="service"><a href="gestion_projet.php"></a></li>
	<li class="maintenance"><a href="maintenance.php"></a></li>
</ul>

et le css qui va avec (surement inutile quant à la résolution du problème)

ul#meuhnu li.service a:hover
{
	background: url(images/service.jpg) no-repeat 0 -77px ; /* Et ici on décale l'image du background de 77px vers le haut pour laisser apparaître la 2eme partie de l'image */
	
}

ul#meuhnu li.maintenance a 
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 77px ;
	height: 77px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	background: url(images/maintenance.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
}

ul#meuhnu li.maintenance a:hover
{
	background: url(images/maintenance.jpg) no-repeat 0 -77px ; /* Et ici on décale l'image du background de 77px vers le haut pour laisser apparaître la 2eme partie de l'image */
	
}

J'aimerai qua quand on passe sur une image du menu on est une infobulle pour afficher à quoi corresponds l'image du menu.
En principe cela se fait avec la balise title mais la avec l'organisation CSS je sais pas coment faire.

merci d'avance
Modifié par marseille (17 Oct 2006 - 14:35)

Bonjour marseille,

Hum ! En ce qui concerne l'accessibilité, ce menu me semble un peu opaque ?

Néanmoins, un "title" dans tes balises <a> devrait répondre à ton besoin.
Exemple :

<a href="formations_particuliers.php" title="formation des particulers"></a>

Il s'agit d'un menu alternatif de toute manière et non d'un menu indispensable.
Sinon merci pour ta réponse.
Cela fonctionne.

merci bien