Probleme lien hypertextes

cochemotagnard Messages postés 2 Statut Membre -  
 cochemotagnard -
Bonjour,
j ai un probleme avec mes liens hypertextes lorsque la souris passe dessusleur apparence ne change pas et je comprend pas pourquoi.
Voici le code donc si quelqu un pouvait me dire ou est la faute ca serait vraiment sympa:
<td >
<a href="0" onmouseover="Lien hypertextes/accueilssss.bmp;" onmouseout="Lien hypertextes/accueilsss.bmp;"><img src="Lien hypertextes/accueilssss.bmp" border="0"></a>
</td>

<td>
<a href="0" onmouseover="Lien hypertextes/multimediassss.bmp;" onmouseout="Lien hypertextes/multimediasss.bmp;"><img src="Lien hypertextes/multimediasss.bmp" border="0"></a>
</td>

<td>
<a href="0" onmouseover="Lien hypertextes/forums.bmp;" onmouseout="Lien hypertextes/forumssss.bmp;"><img src="Lien hypertextes/forumssss.bmp" border="0"></a>
</td>

<td>
<a href="0" onmouseover="Lien hypertextes/les bons planss.bmp;" onmouseout="Lien hypertextes/les bons plans.bmp;"><img src="Lien hypertextes/les bons plans.bmp" border="0"></a>
</td>

<td>
<a href="0" onmouseover="Lien hypertextes/liensss.bmp;" onmouseout="Lien hypertextes/lienssss.bmp;"><img src="Lien hypertextes/lienssss.bmp" border="0"></a>
</td>

<td>
<a href="0" onmouseover="Lien hypertextes/contactssss.bmp;" onmouseout="Lien hypertextes/contactsss.bmp;"><img src="Lien hypertextes/contactsss.bmp" border="0"></a>
</td>

Merci beaucoup!!!

2 réponses

IpIpIpIpOne Messages postés 480 Statut Membre 116
 
<td><a href="0"><img src="Lien hypertextes/multimediasss.bmp" border="0" onmouseover="this.src='Lien hypertextes/multimediassss.bmp';" onmouseout="this.src='Lien hypertextes/multimediasss.bmp';"></a></td>

Pense aussi à supprimer les espaces dans les adresses de tes images et évite d'utiliser le format bmp !

Le href="0" c'est pas super correct non plus il me semble ...
0
Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
 
salut,

tu n'utilises pas du tout la bonne méthode. tu te sers d'un évènement HTML que devrait être utilisé avec Javascript.
il faut le faire en CSS et obligatoirement dans cet ordre là :
a:link{
background-image:url(image_defaut.png);
}
a:visited{
background-image:url(image_lien_visité.png);
}
a:hover{
background-image:url(image_au_survol.png);
}
a:active{
background-image:url(image_lien_cliqué.png);
}
0
cochemotagnard
 
okai merci beaucoup!! vrt sympa!!
je vais essayer de tenir compte de vos remarque
0