Page 1 sur 1

[REGLE] FireFox et lien dans une image.

Publié : 26 avr. 2005, 19:21
par Andevros
Bonjour. :D

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. :wink:

Publié : 26 avr. 2005, 20:32
par 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;
}

Publié : 26 avr. 2005, 21:05
par calimo
Tu as une démo grandeur nature par hasard ?

Publié : 27 avr. 2005, 12:02
par Andevros
Bonjour. :D

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. :wink: