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)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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