a:active dans FF

a:active dans FF - HTML/CSS - Programmation

Marsh Posté le 06-09-2005 à 16:05:20    

bonjour...
je voudrai que lorsque je clique sur une image.. son contour devient rouge jusqu'à la validation de la page... avec a:active sur IE... ça marche parfaitement... sur FF.. le contour reprends sa couleur d'origine quand on relache le bouton de la souris...
 
y a til une astuce pour eviter ça ?


---------------
Freed102
Reply

Marsh Posté le 06-09-2005 à 16:05:20   

Reply

Marsh Posté le 06-09-2005 à 16:06:47    

Ta vraiment besoin de ça, juste pour quelques secondes?

Reply

Marsh Posté le 06-09-2005 à 16:07:45    

bah en fait c pour mettre une espece de focus sur l'element séléctionné dans la page avant de la valider


---------------
Freed102
Reply

Marsh Posté le 06-09-2005 à 16:18:34    

:lol: ...mmm... j'ai l'impression de poser tout le temps des questions bêtes  :sarcastic:


---------------
Freed102
Reply

Marsh Posté le 06-09-2005 à 16:21:32    

freed102 a écrit :

bonjour...
je voudrai que lorsque je clique sur une image.. son contour devient rouge jusqu'à la validation de la page... avec a:active sur IE... ça marche parfaitement... sur FF.. le contour reprends sa couleur d'origine quand on relache le bouton de la souris...
 
y a til une astuce pour eviter ça ?


a:active ne correspond qu'à l'activation d'un lien (donc effectivement quand on clique la souris dessus).
 
Ce que tu veux est probablement tout simplement "a:focus" [:icon12]


Message édité par masklinn le 06-09-2005 à 16:22:18

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 06-09-2005 à 16:29:32    

Mmm.. interessant car je ne connaissais pas cette propriété !
 
mais visiblement ça n'est pas si simple que ça ca en faisant ça.. ça ne marche pas :
 

Code :
  1. a.lienmodele{
  2. position:relative;
  3. display:block;
  4. border: 2px #71AFC7 solid;
  5. }
  6. img.lienmodele{
  7. position:relative;
  8. display:block;
  9. border: 2px #71AFC7 solid;
  10. }
  11. a.lienmodele:link{
  12. border: 2px #71AFC7 solid;
  13. }
  14. a.lienmodele:hover{
  15. border: 2px #FF0000 solid;
  16. }
  17. a.lienmodele:active {
  18. border: 3px #FF0000 solid;
  19. }
  20. a.lienmodele:focus {
  21. border: 3px #FF0000 solid;
  22. }


---------------
Freed102
Reply

Marsh Posté le 06-09-2005 à 16:49:39    

Tout d'abord, l'ordre est important: LVFHA (Link Visited Focus Hover Active, moyen mnémotechnique pour t'en rappeler "Lord Vader's Former Handler, Anakin" )
 
Ca veut dire que l'ordre correct "normal" est
a.lienmodele:link
a.lienmodele:focus
a.lienmodele:hover
a.lienmodele:active
 
Et qu'il faut ensuite inverser en fonction de ce qu'on veut, principalement focus et hover (mais "active" doit être en dernier si on le veut, puisqu'un lien "active" est "focused" et "hover" à la fois, et plus encore)
 
Et là, chez moi, ça fonctionne. C'est dûr à voir vu que le changement de page se fait rapirement (donc le focus ne dure pas longtemps), mais ça fonctionne (sauf sous MSIE qui ne gère pas ":focus", pas plus qu'il ne gère ":target" ).


Message édité par masklinn le 06-09-2005 à 16:50:51

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 06-09-2005 à 16:58:41    

je savais pas qu'un ordre etait important...
 
cela dit j'ai capté d'ou vient le probleme... en fait pour que le focus fonctionne il faut que je cliques sur le border et pas sur l'image ! et moi je veux que ce soit l'image ! alors comment je fais dans ce car pour definir une image comme un lien ?
 
img:focus{
}
 
???


---------------
Freed102
Reply

Marsh Posté le 06-09-2005 à 17:37:20    

pour vous aider : http://clonecopy.net/php/ezdocs/test.htm


---------------
Freed102
Reply

Sujets relatifs:

Leave a Replay

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