[REGLE] FireFox et lien dans une image.

[Andevros]

Bonjour.

Si cette question figure déjà dans la FAQ, pourriez-vous m'indiquez où ?
Le problème est celui-ci :
j'utilise une image comme lien.
L'image s'affiche correctement dans les deux cas.
Sous IE le lien apparaît bien. (Le fond de l'image change de couleur)
Sous FireFox 1.03 seule une ligne de couleur (pas tout le fond) s'affiche ???

Code : Tout sélectionner

/* -------- Site expérimental -------- Andevros Avril 2005 --------*/
A:LINK {COLOR:#FF8050; TEXT-DECORATION:NONE;}
A:VISITED {COLOR:#FF8050; TEXT-DECORATION:NONE;}
A:HOVER {COLOR:#FF8050; TEXT-DECORATION:NONE; BACKGROUND-COLOR:#FFFF50;}
A:ACTIVE {COLOR:#FF8050; TEXT-DECORATION:NONE;}
A:FOCUS {COLOR:#FF8050; TEXT-DECORATION:NONE;}

Ci-dessus un bout de code de ma CSS.

Code : Tout sélectionner

<A HREF="mailto:Andevros@XXXXXmail.com?subject=Site Expérimental- ">
<IMG SRC="images/ecrire_anifin.gif" BORDER="0" WIDTH="159" HEIGHT="159" ALT="Contacter l'auteur" ALIGN="absmiddle">
</A>

Ci-dessus un bout de code HTML.
Avez-vous une explication
Merci.

[netfab]

Bonsoir,

Difficile de comprendre sans avoir l'image.
Mais, je pense savoir de quoi tu parles.

Dans tes css, rajoutes ceci :

Code : Tout sélectionner

a {
display:block;
}

[calimo]

Tu as une démo grandeur nature par hasard ?

[Andevros]

Bonjour.

Un trés vif merci à NetFab pour sa réponse : DISPLAY:BLOCK;
En effet il a raision.

Code : Tout sélectionner

A:HOVER {COLOR:#FF8050; TEXT-DECORATION:NONE; BACKGROUND-COLOR:#FFFF50; DISPLAY:BLOCK;}

Ce code a de suite fait rentrer les choses dans l'ordre.

Tu as une démo grandeur nature par hasard ?

Pas pour l'instant, ce site est à l'écriture.

Merci.