Bonjour à tous,
J'explique mon problème.
Je souhaite créer un menu avec des images, lorsqu'on clique sur une image du menu, on passe à une autre page, et au survole de chaque c'est un autre image qui apparaît en sachant qu'à chaque bouton correspond une image "hover" différente.
Mon code xhtml est le suivant :
J'avais envisagé le CSS de cette manière :
Mais bien sûr et à mon grand regret, cela ne fonctionne pas.
Pourriez vous m'indiquer une autre solution ?
Merci !
J'explique mon problème.
Je souhaite créer un menu avec des images, lorsqu'on clique sur une image du menu, on passe à une autre page, et au survole de chaque c'est un autre image qui apparaît en sachant qu'à chaque bouton correspond une image "hover" différente.
Mon code xhtml est le suivant :
<div id="menu">
<a href="#"><img id="about" src="about.png" border="0" alt="About"/></a>
<a href="#"><img id="portfolio" src="portfolio.png" border="0" alt="Portfolio"/></a>
<a href="#"><img id="extras" src="extras.png" border="0" alt="Extras"/></a>
<a href="#"><img id="contact" src="contact.png" border="0" alt="Contact"/></a>
</div>J'avais envisagé le CSS de cette manière :
#about img a:hover{
background-image:url(portfolio_hover.png);
}
#portfolio img a:hover{
background-image:url(portfolio_hover.png);
}
#extras img a:hover{
background-image:url(portfolio_hover.png);
}
#contact img a:hover{
background-image:url(portfolio_hover.png);
}
Mais bien sûr et à mon grand regret, cela ne fonctionne pas.
Pourriez vous m'indiquer une autre solution ?
Merci !