[CSS] IE lien hover
Résolu/Fermé
dukexp
Messages postés
29
Date d'inscription
mercredi 18 décembre 2002
Statut
Membre
Dernière intervention
29 mai 2006
-
13 août 2005 à 12:14
titeuf - 23 févr. 2011 à 14:45
titeuf - 23 févr. 2011 à 14:45
A voir également:
- [CSS] IE lien hover
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verifier un lien - Guide
- Lien copié ✓ - Forum Google Chrome
- Lien copié presse papier smartphone Samsung - Forum Mobile
15 réponses
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.
Attention !
Lorsque vous ne renseignez pas la valeur href, le hover ne fonctionne pas sur la balise A
Lorsque vous ne renseignez pas la valeur href, le hover ne fonctionne pas sur la balise A
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
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
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 779
8 nov. 2006 à 14:03
8 nov. 2006 à 14:03
Bonjour,
Excellente idée.
Merci.
Excellente idée.
Merci.
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 :
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;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
dukexp
Messages postés
29
Date d'inscription
mercredi 18 décembre 2002
Statut
Membre
Dernière intervention
29 mai 2006
13 août 2005 à 12:46
13 août 2005 à 12:46
non mais c sur un lien texte le hover...
Timon1102
Messages postés
354
Date d'inscription
jeudi 2 juin 2005
Statut
Membre
Dernière intervention
30 décembre 2010
109
13 août 2005 à 14:12
13 août 2005 à 14:12
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
a:hover{
color : #E28CC3;
text-decoration: none;
}
Fonctionne sans problème sous IE (?)
Peut-être un souci de version...
color : #E28CC3;
text-decoration: none;
}
Fonctionne sans problème sous IE (?)
Peut-être un souci de version...
txiki
Messages postés
6596
Date d'inscription
mercredi 30 janvier 2002
Statut
Contributeur
Dernière intervention
22 février 2024
522
10 nov. 2006 à 14:15
10 nov. 2006 à 14:15
Salut a tous !
ça c'est bien vu Popy ! ! ! !
ça c'est bien vu Popy ! ! ! !
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
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 779
22 févr. 2007 à 00:40
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…”
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…”
pinky-mango
Messages postés
29
Date d'inscription
samedi 5 septembre 2009
Statut
Membre
Dernière intervention
14 octobre 2022
1
3 févr. 2010 à 16:18
3 févr. 2010 à 16:18
Salut!
Moi j'ai ce code :
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!
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!
ceddec
Messages postés
148
Date d'inscription
dimanche 31 juillet 2005
Statut
Membre
Dernière intervention
10 mars 2012
82
13 août 2005 à 12:20
13 août 2005 à 12:20
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
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
