CSS menu active et hover

[ladyjoy]

Bonjour,

Je suis entrain de créer un site en CMS (joomla). Voilà, mon problème :
Je souhaiterais avoir une image qui s'affiche sur le lien "actif" et "hover" de mon menu. J'ai donc un code css :


a.mainlevel:hover, a.mainlevel#active_menu{
background: url(../images/bg_menu.jpg) no-repeat;

et ça ne marche pas. Alors j'ai redimensionner mon image dans tout les sens (histoire qu'elle soit adapté exactement au dimension de mes liens), tjs rien...
Quand le "background" est juste une couleur au lieu d'une image, pas de problème, ça marche...

Alors je me demande, est-ce important que mon image soit un GIF ?, ou alors faut-il que je précise d'autres caractéristiques css pour que ça fonctionne ? ou encore, ce n'est pas possible... (mais avec les capacités des fichiers css, ça m'étonnerait !)

Merci par avance.

 

[Anonyme]

Salut,

Essaye ça :

#active_menu a.mainlevel:focus, #active_menu a.mainlevel:hover {background: url(../images/bg_menu.jpg) no-repeat;}

 

[ladyjoy]

merci gloup gloup pour ta réponse rapide !!!

Alors j'ai essayé ton code, ça ne marche pas.

Mais une bonne nouvelle, c'est après avoir remis le mien (en attendant de trouver une autre solution), miracle, ça marche !! (peut être, y a t'il eut un petit bug temporaire ou mon ordi me fait la vie dure ! )

Bon, c'est cool, en tout cas merci encore :zen: