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 à 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  :fou:  
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 :hello:


Message édité par bolomatic le 31-10-2004 à 06:42:17
Reply

Marsh Posté le 31-10-2004 à 06:34:13   

Reply

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] (où, comme d'hab, le :hover plante)


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

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
 
mais pas sous IE [:rofl] (où, comme d'hab, le :hover plante)


 
Et pourtant, le CSS est validé  :pfff:  
Ca me saoule  :D  
 
Merci tout de même, car au moins je sais que c'est pas ça qui bug  :jap:

Reply

Marsh Posté le 31-10-2004 à 15:51:09    

Au passage, c'est quoi le bug des :hover avec IE ? :p

Reply

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


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

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)
 
Alors que normalement on peut associer :hover à n'importe quel élément


 
Mais dans mon cas, c'est un <a> non ?

Reply

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
Reply

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

Reply

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed