Rollover CSS (image) passe pas sur FireFox & Opera
Rollover CSS (image) passe pas sur FireFox & Opera - HTML/CSS - Programmation
Marsh Posté le 31-10-2004 à 08:53:11
désolé, mais ton bug est ailleurs, ce code CSS me donne gris foncé en border d'image dont le link n'a pas été touché, vert-bleu pour un link visited et blanc en :hover sous Firefox et Opera
mais pas sous IE ![[:rofl]](https://forum-images.hardware.fr/images/perso/rofl.gif "[:rofl]")
(où, comme d'hab, le :hover plante)
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 31-10-2004 à 15:35:37
| Masklinn a écrit : désolé, mais ton bug est ailleurs, ce code CSS me donne gris foncé en border d'image dont le link n'a pas été touché, vert-bleu pour un link visited et blanc en :hover sous Firefox et Opera |
Et pourtant, le CSS est validé 
Ca me saoule 
Merci tout de même, car au moins je sais que c'est pas ça qui bug 
Marsh Posté le 31-10-2004 à 16:05:00
IE n'est pas capable de gérer :hover sur autre chose que les balises <a> (les liens)
Alors que normalement on peut associer :hover à n'importe quel élément
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 31-10-2004 à 17:32:48
| Masklinn a écrit : IE n'est pas capable de gérer :hover sur autre chose que les balises <a> (les liens) |
Mais dans mon cas, c'est un <a> non ?
Marsh Posté le 31-10-2004 à 17:40:04
Je viens de faire une page vierge avec image et le CSS du topic uniquement.
Donc ça marche à moitié. (:fou
IE: Active, Visited c bon, hover c'est pas bon la bordure reste sur la couleur courante.
Mozilla: Visited et Hover c'est bon, active c'est pas bon.
Opera: Active, Visited et hover c'est bon.
Active n'est pas géré pareil sur Opera et IE.
Plus qu'à chercher où est le bug dans mon CSS...
Message édité par bolomatic le 31-10-2004 à 17:41:09
Marsh Posté le 31-10-2004 à 19:12:41
Bon, apparement un href="javascrip:foo()" ca empêche d'utiliser :visited sur mozilla et opera... Mais ça marche sur IE.
Pour le hover qui marche pas sous IE, j'utilise
filter: alpha(opacity=100);
et ça passe mais c'est plus validé W3C...
Marsh Posté le 31-10-2004 à 20:12:35
Bon allez ça me saoule, y a rien qui fonctionne bien partout.
Je vais faire un reload de la page comme ça c'est réglé.
Merci quand même pour vos éclaircissements.
Sujets relatifs:
- Firefox, JavaScript et fenêtre de recherche
- [CSS] surligner un lien precis
- Bulles sur image gif (html frontpage)
- Problème map area et css
- Rollover en CSS, probleme sous IE [ impossible, merci IE ]
- pb de backgournd avec mozzila/firefox et pas IE, forcement....[RESOLU]
- [CSS ] probleme sur balises Li // résolu
- [CSS?] ALterner fond
- Mot de passe fichier
Marsh Posté le 31-10-2004 à 06:34:13
Salut.
Je galère depuis des heures pour faire passer un rollover qui change juste la couleur de bordure (!!) des images qui servent de liens.
a.thumbnail:link img {
border: 1px solid #6C6B69;
}
a.thumbnail:visited img {
border: 1px solid #88FFCC;
}
a.thumbnail:hover img {
border: 1px solid #FFFFFF;
}
a.thumbnail:active img {
border: 1px solid #FFFFFF;
}
Ce **** de code passe très bien sous IE, mais sous Mozilla(Firefox) et Opéra rien n'y fait, j'arrive pas à avoir de couleur différente pour la pseudo-classe :visited
La seule chose qui fonctionne sur tous les browsers c'est hover...
J'ai essayé avec display:block ça veut pas.
J'ai essayé de mettre une taille, ça veut pas.
J'ai essayé 1 million de trucs, mais visiblement pas le bon.
Ca me saoule grave toutes ces incompatibilités, si quelqu'un à l'âme charitable pouvait m'aider, ce serait sympa. J'ai pas tout fait en DIV/CSS pour lâcher l'affaire maintenant, ce serait bête...
Merci d'avance
Message édité par bolomatic le 31-10-2004 à 06:42:17