High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[CSS] IE lien hover

Dernière réponse le 5 oct 2009 à 22:46:21 dukexp, le 13 aoû 2005 à 12:14:11 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « [CSS] IE lien hover » dans :
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Posez votre question Répondre

1

ceddec, le 13 aoû 2005 à 12:20:03

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

   
Répondre à ceddec

2

titeuf, le 13 aoû 2005 à 12:37:35
  • +1

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;
}

   
Répondre à titeuf

3

titeuf, le 13 aoû 2005 à 12:40:24
  • +1

Edit

Rectification : 

A:visited{
color : #0808080;
}

   
Répondre à titeuf

4

dukexp, le 13 aoû 2005 à 12:46:47

Non mais c sur un lien texte le hover...
dure dure

   
Répondre à dukexp

5

titeuf, le 13 aoû 2005 à 12:53:27

Je ne comprends pas ce que tu veux dire...
Pourrais tu être plus précis ?

   
Répondre à titeuf

6

Timon1102, le 13 aoû 2005 à 14:12:39
  • +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

   
Répondre à Timon1102

7

M. DECLERCQ, le 10 jan 2006 à 22:06:24
  • +1

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

   
Répondre à M. DECLERCQ

11

Gihef, le 8 nov 2006 à 14:03:03

Bonjour,

Excellente idée.
Merci.
    L'intelligence artificielle se définit comme le contrair­e de la bêtise naturelle.

   
Répondre à Gihef

8

Tof, le 25 sep 2006 à 18:02:40

Ca ne se fait pas de signer:
Monsieur prenom nom

   
Répondre à Tof

9

king, le 25 sep 2006 à 18:13:29
  • +1

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

Fonctionne sans problème sous IE (?)
Peut-être un souci de version...

   
Répondre à king

10

Popy, le 8 nov 2006 à 12:10:35

"color=#xxxxxx;"

Avec ce code, ça ne risque pas de marcher, en CSS c'est color: !

   
Répondre à Popy

12

txiki, le 10 nov 2006 à 14:15:59

Salut a tous !

ça c'est bien vu Popy ! ! ! !

Le bonheur est la seule chose que l'on peut donner sans l'av­oir.

   
Répondre à txiki

13

GamesAndGeeks, le 20 fév 2007 à 18:47:01
  • +5

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.

   
Répondre à GamesAndGeeks

14

Jissé, le 21 fév 2007 à 23:40:58

Merci pour la solution GamesAndGeeks, j'étais dépité... je comprenais pas. Mais le fait d'inverser l'ordre a fait marcher le tout !

   
Répondre à Jissé

15

Gihef, le 22 fév 2007 à 00:40:59

“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…”
 

   
Répondre à Gihef

16

SuperJacky, le 17 oct 2008 à 09:54:27
  • +2

Attention !
Lorsque vous ne renseignez pas la valeur href, le hover ne fonctionne pas sur la balise A

   
Répondre à SuperJacky

17

 yogi, le 5 oct 2009 à 22:46:21

Merci superJacky c'etait bien mon probleme !

   
Répondre à yogi
Posez votre question Répondre
Ils ont besoin de votre aide