28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je voudrais incorporer une icone dans mes liens suivant la classe utilisée.


<a href="#" class="smiley">Lien</a>


ce qui donnerait

Smiley smile Lien

pour se faire j'ai voulu utilisé ":before" (solution qui fonctionne avec un bouton)


.smiley:before
{
    content:url(Parametres32.png);
}


Le problème c'est que l'image est alors exclu du lien (non cliquable)
Le lien est positionné en position absolue par dessus d'une image (img), le problème semble venir de là, mais je n'en comprend pas la raison.

Quelqu'un connait-il ce problème ?
Quelqu'un y voit-il une solution ou une autre manière de faire ?
Modifié par Nikolian (24 Feb 2013 - 09:26)
merci pour cette solution alternative.

J'ai fini mettre un background à mon lien se qui le rend entièrement cliquable et résout donc mon problème.


.smiley
{
     background-color:rgba(0,0,0,0);
}