Un menu en images qui ne s'affiche pas du tout !!

Salut à tous

Il y a peu de temps j'avais lu le tutorial de ce site sur comment réaliser un menu ou l'image change lors du rollover et ca marchait sans probleme. Mais maintenant, je l'ai utilisé pour autre chose et rien ne saffiche alors que les images son chargées !!

Le code css

#head_menu
{
width: 100%;
height: 31px;
background-image: url(images/index/head_menu_back.jpg);
}

#lien_accueil, #lien_communaute, #lien_articles, #lien_telecharger
{
float: left;
width: 130;
height: 31px;
background-repeat: no-repeat;
}

#lien_accueil a, #lien_communaute a, #lien_articles a, #lien_telecharger a
{
display: block;
float: left;
width: 130;
height: 31px;
background-repeat: no-repeat;
}


#lien_accueil a:hover, #lien_communaute a:hover, #lien_articles a:hover, #lien_telecharger a:hover
{
background: transparent;
}

#lien_accueil { background-image: url(images/index/head_menu_accueil_hover.jpg); }
#lien_communaute { background-image: url(images/index/head_menu_communaute_hover.jpg); }
#lien_articles { background-image: url(images/index/head_menu_articles_hover.jpg); }
#lien_telecharger { background-image: url(images/index/head_menu_telecharger_hover.jpg); }

#lien_accueil a{ background-image: url(images/index/head_menu_accueil.jpg); }
#lien_communaute a{ background-image: url(images/index/head_menu_communaute.jpg); }
#lien_articles a{ background-image: url(images/index/head_menu_articles.jpg); }
#lien_telecharger a{ background-image: url(images/index/head_menu_telecharger.jpg); }

et le html :

<div id="lien_articles"><a href="http://galilandt.free.fr/"></a></div>
<div id="lien_communaute"><a href="http://galilandt.free.fr/"></a></div>
<div id="lien_telecharger"><a href="http://galilandt.free.fr/"></a></div>

je comprends vraiment pas

la page c'est ici http://galilandt.free.fr/
Modifié par galinette (23 Mar 2005 - 12:04)

Bonjour,

remplace:

a écrit :
#lien_accueil a:hover, #lien_communaute a:hover, #lien_articles a:hover, #lien_telecharger a:hover
{
background: transparent;
}

par:

#lien_accueil a:hover, #lien_communaute a:hover, #lien_articles a:hover, #lien_telecharger a:hover
{
background-image: url(images/index/head_menu_telecharger_hover.jpg);
}

Normalement, un de tes liens devrait faire un changement d'image.

correction:

Enlève les :hover à ton code et rajoute a.hover là:

#lien_accueil { background-image: url(images/index/head_menu_accueil_hover.jpg); }
#lien_communaute { background-image: url(images/index/head_menu_communaute_hover.jpg); }
#lien_articles { background-image: url(images/index/head_menu_articles_hover.jpg); }
#lien_telecharger { background-image: url(images/index/head_menu_telecharger_hover.jpg); 

cela devrait donner:

#lien_accueil a:hover { background-image: url(images/index/head_menu_accueil_hover.jpg); }

etc...
Modifié par DSC (23 Mar 2005 - 13:01)

heuuuu!!!!

J'ai répondu trop vite. Je n'avais pas bien vu le fonctionnement... Précise la mesure pour tes width en px, % ou ce que tu voudras...

et attend de l'aide de quelqu'un de moins endormie. Ce qui ne devrait pas tarder

j'ai essayé tes 2 solutions mais rien ne s'affiche dans les 2 cas

c'etait juste le width alalal c'est vraiment rageant quand on relie tout 100 fois et quon trouve pas MERCI BEAUCOUP MR LENDORMI