|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
ideezik
WRInaute passionné
Inscrit le: 28 Jan 2004
Messages: 931
Localisation: Rennes
|
 Posté le : Dim Mar 21, 2004 13:10 Sujet du message: Pb css / mozilla |
|
|
J'ai un petit pb de compatibilité css avec Mozilla. J'ai fait un rollover en css sur une image pour que la bordure passe de solid à dotted au survol de la souris.
Sous IE, nickel. Ca marche impec. Mais sous mozilla : arghhh : gros bug bien vilain. Le css est validé par le w3c et j'arrive à pas à trouver le bug. Si vous pouvez m'aider... voila le code :
a.image {width:72px; height:73px; border:1px Solid black; }
a.image:hover {border:1px Dotted black; }
[...]
<a href="affich75.php" class="image"><img src="img/covers/freestylers.gif" width="72" height="73" border="0" alt="Freestylers - We Rock Hard"></a> |
|
| |
|
 |
Remi L.
WRInaute accro
Inscrit le: 06 Sep 2003
Messages: 1061
|
| Posté le : Dim Mar 21, 2004 14:34 Sujet du message: Pb css / mozilla |
|
|
Le validateur CSS ne peut que vérifier s'il y a une erreur de syntaxe, c'est tout. Donc le fait qu'il passe au validateur ne signifie pas forcément que tes CSS sont bons.
Tu peux déjà virer le width et height sur le 'a.image'... |
|
| |
|
|
George Abitbol
WRInaute accro
Inscrit le: 06 Juin 2003
Messages: 1922
|
| Posté le : Dim Mar 21, 2004 15:47 Sujet du message: Pb css / mozilla |
|
|
Pourquoi ne pas plutôt mettre la bordure sur l'image ?
| Code: |
a.image:link img { border:1px solid black; }
a.image:visited img { border:1px solid #555; }
a.image:hover img, a.image:active img { border:1px dotted black; } |
(et enlève le border="0" du tag image)
Et si tu veux ça sur toutes les images-liens, tu mets juste :
| Code: |
a:link img { border:1px solid black; }
a:visited img { border:1px solid #555; }
a:hover img, a:active img { border:1px dotted black; } |
Fred |
|
| |
|
|
ideezik
WRInaute passionné
Inscrit le: 28 Jan 2004
Messages: 931
Localisation: Rennes
|
| Posté le : Dim Mar 21, 2004 17:46 Sujet du message: Pb css / mozilla |
|
|
En le codant de cette manière, ca marche sous mozilla mais plus sous IE !
IE ne veut pas du hover. Sous mozilla ca marche impec.
Pourquoi je m'en doutais  |
|
| |
|
|
yannouk
WRInaute accro
Inscrit le: 11 Oct 2003
Messages: 2124
Localisation: Verdon, 83
|
| Posté le : Dim Mar 21, 2004 20:09 Sujet du message: Pb css / mozilla |
|
|
je suis pas sur de moi, mais essaye un display:block sur le "a"
moi aussi mozilla me compliqyue la vie, il ne redimmensionne pas automatiquement un conteneur relatif en fonction de la hauteur du contenu...pas pratique |
|
| |
|
|
| |
|
|
