j'ai crée un effet d'ombrage sur du texte. Marche très bien.
J'ai voulu créer un effet de survol en bougeant l'ombre, afin de donner
une apparance de bouton qui s'enfonce lors du hover. Mais là, ça marche
sous gecko, pas dans IE6. Comprend pas pourquoi. D'autant que le style
hover est bien interprété par IE : si je change la couleur de la police,
ça marche. c'est si je la décale que cela ne marche plus.
J'en conclu que position:relative ne marche pas dans la pseudo class
hover, mais je n'en suis pas sûr. Quelqu'un sait comment résoudre le pb ?
http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et à la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
YD
Christophe a écrit :
j'ai crée un effet d'ombrage sur du texte. Marche très bien.
J'ai voulu créer un effet de survol en bougeant l'ombre, afin de donner une apparance de bouton qui s'enfonce lors du hover. Mais là, ça marche sous gecko, pas dans IE6. Comprend pas pourquoi. D'autant que le style hover est bien interprété par IE : si je change la couleur de la police, ça marche. c'est si je la décale que cela ne marche plus. J'en conclu que position:relative ne marche pas dans la pseudo class hover, mais je n'en suis pas sûr. Quelqu'un sait comment résoudre le pb ?
IE semble ne pas supporter le déplacement des boîtes avec le :hover. Je te propose un contournement, ajouter un padding équivalent au décalage que tu souhaites comme règle a:hover
a.texte:hover {padding:2px 0 0 2px}
et pour éviter le déplacement des boîtes lors du survol, il vaut mieux ajouter padding: 0 2px 2px 0; à la règle a.texte ainsi que white-space: nowrap; à la règle .ombre.
Cette solution a aussi l'avantage de supprimer l'effet de tremblement assez désagréable quand on promène le pointeur de la souris sur la bordure haute ou gauche du lien...
-- Y.D.
Christophe a écrit :
j'ai crée un effet d'ombrage sur du texte. Marche très bien.
J'ai voulu créer un effet de survol en bougeant l'ombre, afin de donner
une apparance de bouton qui s'enfonce lors du hover. Mais là, ça marche
sous gecko, pas dans IE6. Comprend pas pourquoi. D'autant que le style
hover est bien interprété par IE : si je change la couleur de la police,
ça marche. c'est si je la décale que cela ne marche plus.
J'en conclu que position:relative ne marche pas dans la pseudo class
hover, mais je n'en suis pas sûr. Quelqu'un sait comment résoudre le pb ?
IE semble ne pas supporter le déplacement des boîtes avec le :hover. Je
te propose un contournement, ajouter un padding équivalent au décalage
que tu souhaites comme règle a:hover
a.texte:hover {padding:2px 0 0 2px}
et pour éviter le déplacement des boîtes lors du survol, il vaut mieux
ajouter
padding: 0 2px 2px 0;
à la règle a.texte ainsi que
white-space: nowrap;
à la règle .ombre.
Cette solution a aussi l'avantage de supprimer l'effet de tremblement
assez désagréable quand on promène le pointeur de la souris sur la
bordure haute ou gauche du lien...
j'ai crée un effet d'ombrage sur du texte. Marche très bien.
J'ai voulu créer un effet de survol en bougeant l'ombre, afin de donner une apparance de bouton qui s'enfonce lors du hover. Mais là, ça marche sous gecko, pas dans IE6. Comprend pas pourquoi. D'autant que le style hover est bien interprété par IE : si je change la couleur de la police, ça marche. c'est si je la décale que cela ne marche plus. J'en conclu que position:relative ne marche pas dans la pseudo class hover, mais je n'en suis pas sûr. Quelqu'un sait comment résoudre le pb ?
IE semble ne pas supporter le déplacement des boîtes avec le :hover. Je te propose un contournement, ajouter un padding équivalent au décalage que tu souhaites comme règle a:hover
a.texte:hover {padding:2px 0 0 2px}
et pour éviter le déplacement des boîtes lors du survol, il vaut mieux ajouter padding: 0 2px 2px 0; à la règle a.texte ainsi que white-space: nowrap; à la règle .ombre.
Cette solution a aussi l'avantage de supprimer l'effet de tremblement assez désagréable quand on promène le pointeur de la souris sur la bordure haute ou gauche du lien...
-- Y.D.
Christophe
YD wrote:
IE semble ne pas supporter le déplacement des boîtes avec le :hover. Je te propose un contournement, ajouter un padding équivalent au décalage que tu souhaites comme règle a:hover
a.texte:hover {padding:2px 0 0 2px}
et pour éviter le déplacement des boîtes lors du survol, il vaut mieux ajouter padding: 0 2px 2px 0; à la règle a.texte ainsi que white-space: nowrap; à la règle .ombre.
Cette solution a aussi l'avantage de supprimer l'effet de tremblement assez désagréable quand on promène le pointeur de la souris sur la bordure haute ou gauche du lien...
Ouai ! Ca marche ! Le coup du padding, j'aurais du y penser. le white-space nowrap, je n'y aurais surement pas pensé, par contre.
http://batraciens.net/ "BATRACIENS" : Un site consacré à l'élevage et à la maintenance des batraciens, aquatiques ou terrestres. Nombreuses Photos et articles de maintenance. Petites annonces. ____________________________________________________________________ ____________________________________________________________________
YD wrote:
IE semble ne pas supporter le déplacement des boîtes avec le :hover. Je
te propose un contournement, ajouter un padding équivalent au décalage
que tu souhaites comme règle a:hover
a.texte:hover {padding:2px 0 0 2px}
et pour éviter le déplacement des boîtes lors du survol, il vaut mieux
ajouter
padding: 0 2px 2px 0;
à la règle a.texte ainsi que
white-space: nowrap;
à la règle .ombre.
Cette solution a aussi l'avantage de supprimer l'effet de tremblement
assez désagréable quand on promène le pointeur de la souris sur la
bordure haute ou gauche du lien...
Ouai ! Ca marche !
Le coup du padding, j'aurais du y penser.
le white-space nowrap, je n'y aurais surement pas pensé, par contre.
http://batraciens.net/
"BATRACIENS" : Un site consacré à l'élevage et à la maintenance des
batraciens, aquatiques ou terrestres.
Nombreuses Photos et articles de maintenance. Petites annonces.
____________________________________________________________________
____________________________________________________________________
IE semble ne pas supporter le déplacement des boîtes avec le :hover. Je te propose un contournement, ajouter un padding équivalent au décalage que tu souhaites comme règle a:hover
a.texte:hover {padding:2px 0 0 2px}
et pour éviter le déplacement des boîtes lors du survol, il vaut mieux ajouter padding: 0 2px 2px 0; à la règle a.texte ainsi que white-space: nowrap; à la règle .ombre.
Cette solution a aussi l'avantage de supprimer l'effet de tremblement assez désagréable quand on promène le pointeur de la souris sur la bordure haute ou gauche du lien...
Ouai ! Ca marche ! Le coup du padding, j'aurais du y penser. le white-space nowrap, je n'y aurais surement pas pensé, par contre.
http://batraciens.net/ "BATRACIENS" : Un site consacré à l'élevage et à la maintenance des batraciens, aquatiques ou terrestres. Nombreuses Photos et articles de maintenance. Petites annonces. ____________________________________________________________________ ____________________________________________________________________
