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

Réponse 1 / 3

Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 211
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);
}

Charlotte
7 mai 2008 à 20:41

Merci Tiller pour l'astuce, mais ca ne fonctionne toujours pas... Tu as une autre idée ?

Merci d'avance,

Charlotte

Charlotte > Charlotte
8 mai 2008 à 16:19

UP

Si quelqu'un saurait m'aider...

Charlotte

Réponse 2 / 3

RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
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);
}

Réponse 3 / 3

Charlotte
8 mai 2008 à 19:24

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

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,

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton

[CSS] Forcé retour à la ligne

indice et exposant en css ?