Discussion :

[poliut]

Bonjour

Voici mon problème, dans mon menu, j'ai mis des liens vers les autres parties de mon site sous forme d'image (AUCUN texte). Lors du passage de la souris, une autre image apparaît grâce au CSS (je vous mets le code ci dessous).

Mon problème : le lien est bien pris en compte sous IE, Chrome et Safari mais sous Firefox, il n'ait pris qu'en local => pas de lien lorsqu'on consulte le site en ligne...!!!

Avez vous déjà eu ce cas de figure et si oui, comment y remédier ?

Voici le code

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="parcours">
<h3><a href="http://www.eurekah.fr/parcours.html" id="Mon parcours" title="Mon parcours"><img src="Pictures\background_transparent.png"></a></h3>
</div>

CSS

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#parcours h3 
{
background-image: url("Pictures/background_parcours.png");
background-repeat: no-repeat; 
width: 200px;
height: 30px;
}
 
#parcours h3:hover
{
background-image: url("Pictures/background_parcours_hover.png");
background-repeat: no-repeat; 
width: 200px;
height: 30px;
}

A noter que j'ai créé une image transparente dans le html afin que le lien soit bien affiché (impossible sinon vu qu'il n'y a aucun texte) et que cette image fait la même taille que celles apparaissant. Je pense que le problème vient de cette image mais 1/ je ne sais pas comment faire autrement 2/ pourquoi le problème n'apparait il qu'en ligne et pas en local ??

Merci de votre aide, je m'arrache les cheveux !!

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="Pictures\background_transparent.png"

Les backslashes ("\"), c'est spécifique Windows, ce sont des slashes ("/") qu'il faut utiliser :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="Pictures/background_transparent.png"

[polymorphisme]

Bonjour,

vérifie que tes images existent, et que leur chemin est correcte.

[poliut]

J'avais déjà vérifié les chemins et existence de mes images

Par contre, Bovino, chapeau bas, tu mérites tes étoiles car le problème venait juste de ce "/" !! Sans toi; je pense que j'en avais pour des années avant de trouver la cause de ce problème !!!

Merci beaucoup