[CSS] IE lien hover
Résolu
dukexp
Messages postés
29
Date d'inscription
Statut
Membre
Dernière intervention
-
titeuf -
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
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
A voir également:
- [CSS] IE lien hover
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien copié - Forum Mobile
- Lien mega ✓ - Forum Webmastering
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
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
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...
Merci pour la solution GamesAndGeeks, j'étais dépité... je comprenais pas. Mais le fait d'inverser l'ordre a fait marcher le tout !
“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…”
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!
