[Résolu] Problème de rendu : Rollover d'une image en CSS.

Makir

26 Aug 2006 à 19:45

Bonjour!

J'ai suivi le tutoriel suivant : Une image réactive en CSS avec une seule image et sans javascript. Malheureusement, j'ai un problème de rendu : l'affichage est différent sous Firefox et IE sur mon site.

Comment résoudre ce problème svp ?
Modifié par Makir (27 Aug 2006 - 09:37)

daitheflu

26 Aug 2006 à 20:02

A vu de nez, j'essaierais de remplacer ton

padding-bottom: 90px;

par un line-height ou un height de la même valeur Smiley smile

EDIT : voir un screen avec le dom explorer de IE7 (attention image potentiellement lourde)
Modifié par daitheflu (26 Aug 2006 - 20:08)

Hum

26 Aug 2006 à 20:12

daitheflu a écrit :
A vu de nez, j'essaierais de remplacer ton
padding-bottom: 90px;
par un line-height ou un height de la même valeur

Salut,

oui. tu vires le padding bottom , et pour pouvoir dimensionner ton <a> tu le passe en block, tu lui donne une hauteur de 90px et c'est bon.

   #contact a { 
display: block;
    width:90px;
height:90px;
    text-decoration:none;
    background:url("./img/mail.png") no-repeat 0 0;
    float:left;
    margin-right:30px;
}

Modifié par Hum (26 Aug 2006 - 20:13)

Makir

26 Aug 2006 à 20:13

En effet, le remplacement du padding-bottom par un height fonctionne très bien !

Merci beaucoup Smiley smile