CSS : backgroun-image

Fermé
Charlotte - 7 mai 2008 à 20:34
rdbois Messages postés 22 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 28 juillet 2008 - 8 mai 2008 à 20:13
Bonsoir,

J'ai un petit problème avec mon css. J'aimerais avoir une image de fond qui change quand on passe la souris dessus, mais apparement il y a un problème, et je ne trouve pas la solution!



Voici le code html :

<a href="https://www.google.be/?gws_rd=ssl" class="interdit"> bonjour</a>



Et voilà le css:

a.interdit:link {
background-image : url(../images/interdit1.gif);
}

a.interdit:visited {
background-image : url(../images/interdit1.gif);
}

a.interdit:hover {
background-image : url(../images/interdit.gif);
}

a.interdit:active {
background-image : url(../images/interdit.gif);
}



L'image interdit1.gif ne s'affiche pas, et l'image interdit.gif non plus.

Merci d'avance pour votre aide,

Charlotte
A voir également:

3 réponses

Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 210
7 mai 2008 à 20:36
.interdit:link {
background-image : url(../images/interdit1.gif);
}

.interdit:visited {
background-image : url(../images/interdit1.gif);
}

.interdit:hover {
background-image : url(../images/interdit.gif);
}

.interdit:active {
background-image : url(../images/interdit.gif);
}
0
Merci Tiller pour l'astuce, mais ca ne fonctionne toujours pas... Tu as une autre idée ?

Merci d'avance,

Charlotte
0
Charlotte > Charlotte
8 mai 2008 à 16:19
UP

Si quelqu'un saurait m'aider...

Charlotte
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
8 mai 2008 à 16:31
.interdit a:link {
background-image : url(../images/interdit1.gif);
}

.interdit a:visited {
background-image : url(../images/interdit1.gif);
}

.interdit a:hover {
background-image : url(../images/interdit.gif);
}

.interdit a:active {
background-image : url(../images/interdit.gif);
}
0
Bonsoir,

Désolée pour le retard.

J'ai essayé le code, mais c'est toujours pareil, aucune image ne s'affiche ... On ne sait pas plutôt faire ca en javascript comme le code css ne veut pas fonctionner?

Charlotte
0
rdbois Messages postés 22 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 28 juillet 2008 7
8 mai 2008 à 20:13
Salut,

Non, ce que tu veux faire ce fait très bien en css...

1)Essaye de quoter les sources de tes images, du style :

.interdit a:link
{
background-image : url("../images/interdit1.gif");
}

.interdit a:visited
{
background-image : url("../images/interdit1.gif");
}

.interdit a:hover
{
background-image : url("../images/interdit.gif");
}

.interdit a:active
{
background-image : url("../images/interdit.gif");
}

2)Vérifie quand même si tes images sont bien placées au bon endroit ! Ex : en tapant www.monsite.fr/dossier_courant/../images/interdit.gif

3)Perso, j'aurais plutôt mis

<div class="interdit">
<a href="https://www.google.fr/?gws_rd=ssl">Mon lien</a>
</div>

Cordialement,
0