[CSS] IE lien hover

Résolu
dukexp Messages postés 29 Statut Membre -  
 titeuf -
Slt

j'ai çà : A:link
{
font: 10px Verdana;
color : Gray;
text-decoration: none;

}
A:hover{
color : #E28CC3;
text-decoration: none;

}
A:visited
{
font: 10px Verdana;
color : #808080;
text-decoration: none;

}

sous firefox le hover marche mais pas sur IE, une idée ? MERCI

15 réponses

  1. GamesAndGeeks
     
    En fait, il faut définir visited avant hover car un lien visited et hover garde les deux statuts en même temps, par conséquent c'est le style définit en dernier qui prévaudra.
    10
  2. SuperJacky
     
    Attention !
    Lorsque vous ne renseignez pas la valeur href, le hover ne fonctionne pas sur la balise A
    5
    1. yogi
       
      merci superJacky c'etait bien mon probleme !
      0
  3. M. DECLERCQ
     
    Bonjour ;

    Nous avons rencontré le même problème pour le developpement de notre site.

    Je joins en conséquence une partie de notre fichier CSS pour aider les utilisateurs de ce forum.

    En faisant comme ci dessous, vos class seront compatibles pour IE et Mozilla, Ensemble Firefox bien entendu...

    /* Edit Juris-Line - Class du footer */

    /* Edit Juris-Line - Définition class a.titre */

    /* Edit Juris-Line - class du footer compatible MF */

    a.titre {
    font-weight: none; /*Pris en comte par IE */
    font-size: 12px; /* Pris en compte par IE */
    color: #22229C;
    font-family: verdana; /* Pris en compte par IE */
    text-decoration: none; /* Pris en compte par IE */
    }

    a.titre:hover {
    text-decoration: underline overline; /* Pris en compte par IE */
    color: #FF4400;
    }

    /* Edit Juris Line - Class du footer compatible IE */

    a.titre:link {
    color=#22229C ;

    }
    a.titre:active {
    color=#22229C ;
    }
    a.titre:visited {
    color=#22229C ;
    }
    a.titre:hover {
    color=#FF4400 ;
    }

    /* /Fin Edit Juris-Line - Class a.titre */

    Cordialement à tous ;

    Monsieur Laurent DECLERCQ,
    Webmaster de Juris-Line.org
    1
    1. Gihef Messages postés 5165 Statut Contributeur 2 781
       
      Bonjour,

      Excellente idée.
      Merci.
      -1
    2. titeuf
       
      color=#FF4400 ; c'est pas plutot color:#FF4400 ?

      Sacré webMaster !
      0
  4. titeuf
     
    Salut,

    Avec Internet Explorer, tu ne peux utiliser le hover que sur des images

    Non, c'est le contraire, le hover, ne fonctionne que sur les balises <a> avec IE.

    Fais ton code CSS comme ceci, cela fonctionne parfaitement :
    A{
    font-size: 20px;
    font-familly: Verdana;
    color : #000fff;
    text-decoration: none;
    }
    
    A:hover{
    color : #E28CC3;
    }
    
    A:visited{
    font: 10px Verdana;
    color : #0808080;
    text-decoration: none;
    } 
    0
    1. poupougnac
       
      Effectivement mais ca ne concerne qu'IE 6. Si tu utilises Jquery, un plugin permet désormais le support CSS de hover sur tous les éléments sans changer le code.
      http://plugins.jquery.com/project/ie6hover
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. titeuf
     
    Edit

    Rectification :
    A:visited{
    color : #0808080;
    } 
    0
  7. dukexp Messages postés 29 Statut Membre
     
    non mais c sur un lien texte le hover...
    -1
  8. titeuf
     
    Je ne comprends pas ce que tu veux dire...
    Pourrais tu être plus précis ?
    0
  9. Timon1102 Messages postés 354 Statut Membre 109
     
    a:link {
    	color=#000000 ;
    	text-decoration:none ;
    }
    a:active {
    	color=#000000 ;
    	text-decoration:none ;
    }
    a:visited {
    	color=#000000 ;
    	text-decoration:none ;
    }
    a:hover {
    	text-decoration:underline overline ;
    	color=#000080 ;
    }
    

    fonctionne impec avec IE, mais ne change pas la couleur sous Firefox
    0
  10. king
     
    a:hover{
    color : #E28CC3;
    text-decoration: none;
    }

    Fonctionne sans problème sous IE (?)
    Peut-être un souci de version...
    0
  11. Popy
     
    "color=#xxxxxx;"

    Avec ce code, ça ne risque pas de marcher, en CSS c'est color: !
    0
  12. txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   610
     
    Salut a tous !

    ça c'est bien vu Popy ! ! ! !
    0
  13. Jissé
     
    Merci pour la solution GamesAndGeeks, j'étais dépité... je comprenais pas. Mais le fait d'inverser l'ordre a fait marcher le tout !
    0
    1. Gihef Messages postés 5165 Statut Contributeur 2 781
       
      “je comprenais pas”
      Certains règles sont à vérifier avant de les mettre en œuvre.
      Ça s'apprend.
      Pour t'en souvenir : “LoVeHAte”

      Vois : http://www.yoyodesign.org/doc/w3c/css2/selector.html#x36 et “Noter que la règle A:hover…”
      0
  14. pinky-mango Messages postés 29 Date d'inscription   Statut Membre Dernière intervention   1
     
    Salut!
    Moi j'ai ce code :
    a:hover {
    	text-transform: uppercase;
    	font-weight:bold;
    	color:blue;
    	background-color:yellow;
    }

    voir un exemple: http://fr.html.net/tutorials/css/lesson6_ex6.asp

    Ou je met le lien? commet je m'arange pour que les proprièter sois sur mon lien?

    Merci!
    0
  15. ceddec Messages postés 149 Statut Membre 82
     
    Bonjour,

    Avec Internet Explorer, tu ne peux utiliser le hover que sur des images. désolé. Pour parer à ce problème, je pense avoir déjà vu sur d'autre forum qu'il fallait utiliser le javascript mais là je ne peux pas t'aider
    -2
  16. Tof
     
    Ca ne se fait pas de signer:
    Monsieur prenom nom
    -2