Posez votre question Signaler

[CSS] IE lien hover [Résolu]

dukexp 29Messages postés 18 décembre 2002Date d'inscription - Dernière réponse le 23 févr. 2011 à 14:45
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
Lire la suite 

[CSS] IE lien hover »

20 réponses
Réponse
+10
moins plus
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.
Ajouter un commentaire
Réponse
+5
moins plus
Attention !
Lorsque vous ne renseignez pas la valeur href, le hover ne fonctionne pas sur la balise A
yogi - 5 oct. 2009 à 22:46
merci superJacky c'etait bien mon probleme !
Ajouter un commentaire
Réponse
+1
moins plus
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
Gihef - 8 nov. 2006 à 14:03
Bonjour,

Excellente idée.
Merci.
titeuf - 23 févr. 2011 à 14:45
color=#FF4400 ; c'est pas plutot color:#FF4400 ?

Sacré webMaster !
Ajouter un commentaire
Réponse
+0
moins plus
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;
} 
poupougnac - 18 août 2010 à 16:56
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
Ajouter un commentaire
Réponse
+0
moins plus
Edit

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

Fonctionne sans problème sous IE (?)
Peut-être un souci de version...
Ajouter un commentaire
Réponse
+0
moins plus
"color=#xxxxxx;"

Avec ce code, ça ne risque pas de marcher, en CSS c'est color: !
Ajouter un commentaire
Réponse
+0
moins plus
Salut a tous !

ça c'est bien vu Popy ! ! ! !
Ajouter un commentaire
Réponse
+0
moins plus
Merci pour la solution GamesAndGeeks, j'étais dépité... je comprenais pas. Mais le fait d'inverser l'ordre a fait marcher le tout !
Gihef - 22 févr. 2007 à 00:40
“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…”
Ajouter un commentaire
Réponse
+0
moins plus
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!
Ajouter un commentaire
Réponse
-2
moins plus
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
Ajouter un commentaire
Réponse
-2
moins plus
Ca ne se fait pas de signer:
Monsieur prenom nom
Ajouter un commentaire
Ce document intitulé « [CSS] IE lien hover » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook