Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1041 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Rollover CSS (image) passe pas sur FireFox & Opera

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Rollover CSS (image) passe pas sur FireFox & Opera

n°886745
bolomatic
Posté le 31-10-2004 à 06:34:13  profilanswer
 

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
mood
Publicité
Posté le 31-10-2004 à 06:34:13  profilanswer
 

n°886755
masklinn
í dag viðrar vel til loftárása
Posté le 31-10-2004 à 08:53:11  profilanswer
 

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
n°887072
bolomatic
Posté le 31-10-2004 à 15:35:37  profilanswer
 

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:

n°887078
bolomatic
Posté le 31-10-2004 à 15:51:09  profilanswer
 

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

n°887087
masklinn
í dag viðrar vel til loftárása
Posté le 31-10-2004 à 16:05:00  profilanswer
 

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
n°887132
bolomatic
Posté le 31-10-2004 à 17:32:48  profilanswer
 

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 ?

n°887138
bolomatic
Posté le 31-10-2004 à 17:40:04  profilanswer
 

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
n°887272
bolomatic
Posté le 31-10-2004 à 19:12:41  profilanswer
 

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

n°887339
bolomatic
Posté le 31-10-2004 à 20:12:35  profilanswer
 

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.


Aller à :
Ajouter une réponse
  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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR