[CSS] IE lien hover

Résolu
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. 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
    1. Attention !
      Lorsque vous ne renseignez pas la valeur href, le hover ne fonctionne pas sur la balise A
      5
      1. merci superJacky c'etait bien mon probleme !
        0
    2. 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. Contributeur
        Bonjour,

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

        Sacré webMaster !
        0
    3. 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. 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
    4. Edit

      Rectification :
      A:visited{
      color : #0808080;
      } 
      0
      1. non mais c sur un lien texte le hover...
        -1
        1. Je ne comprends pas ce que tu veux dire...
          Pourrais tu être plus précis ?
          0
          1. 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
            1. a:hover{
              color : #E28CC3;
              text-decoration: none;
              }

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

                Avec ce code, ça ne risque pas de marcher, en CSS c'est color: !
                0
                1. Contributeur
                  Salut a tous !

                  ça c'est bien vu Popy ! ! ! !
                  0
                  1. 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. Contributeur
                      “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
                  2. 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
                    1. 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
                      1. Ca ne se fait pas de signer:
                        Monsieur prenom nom
                        -2