Rollover CSS (image) passe pas sur FireFox & Opera

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Rollover CSS (image) passe pas sur FireFox & Opera

bolomatic

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

Publicité

masklinn

í dag viðrar vel til loftárása

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 by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

bolomatic

Masklinn a écrit :

Et pourtant, le CSS est validé :pfff:
Ca me saoule

Merci tout de même, car au moins je sais que c'est pas ça qui bug :jap:

bolomatic

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

masklinn

í dag viðrar vel til loftárása

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

bolomatic

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 ?

bolomatic

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

bolomatic

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

bolomatic

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.

FORUM HardWare.fr

Programmation

HTML/CSS

Rollover CSS (image) passe pas sur FireFox & Opera

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
Plus de sujets relatifs à : Rollover CSS (image) passe pas sur FireFox & Opera

Page générée en 0.034 secondes