bonjour
je souhaite créer un lien sur un div ne contenant pas de texte.
J'ai donc créé une class pour mon lien et lui attribue une image de fond, une taille, etc...
Cette image de fond comporte deux images, une normale, une survolée.
Le problème est que je n'arrive pas à afficher la partie de l'image survolée. Lorsque l'on survole le lien c'est l'image normale qui reste.
Je précise que je sais utiliser cette technique à condition qu'il y ait du texte dans mon lien. Ici ce n'est pas le cas.
voici le code que j'utilise pour le moment :
EDIT :
J'ai résolu, le problème, il y avait un espace entre a:hover et .envoyer-article
J'ai supprimé l'espace ce qui donne :
Modifié par defranci (27 Dec 2009 - 19:48)
je souhaite créer un lien sur un div ne contenant pas de texte.
J'ai donc créé une class pour mon lien et lui attribue une image de fond, une taille, etc...
Cette image de fond comporte deux images, une normale, une survolée.
Le problème est que je n'arrive pas à afficher la partie de l'image survolée. Lorsque l'on survole le lien c'est l'image normale qui reste.
Je précise que je sais utiliser cette technique à condition qu'il y ait du texte dans mon lien. Ici ce n'est pas le cas.
voici le code que j'utilise pour le moment :
a.envoyer-article
{
display:block;
background:url(http://localhost/wordpress/wp-content/themes/amazing-grace/images/envoyer-article.png);
width:195px;
height:70px;
margin-bottom:10px;
}
a:hover.envoyer-article
{
display:block;
background-image:url(http://localhost/wordpress/wp-content/themes/amazing-grace/images/envoyer-article.png) 5px -90px;
width:195px;
height:70px;
}
<a class="envoyer-article" href="http://localhost/wordpress/partager-une-info" title="Partager une info"></a>
EDIT :
J'ai résolu, le problème, il y avait un espace entre a:hover et .envoyer-article
J'ai supprimé l'espace ce qui donne :
a:hover.envoyer-article
et qui marche. Modifié par defranci (27 Dec 2009 - 19:48)