Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

Statut : Non résolu

[CSS] IE lien hover

dukexp, le samedi 13 août 2005 à 12:14:11

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

Répondre à dukexp Signaler ce message aux modérateurs Aller au dernier message

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

ceddec, le samedi 13 août 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

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

titeuf, le samedi 13 août 2005 à 12:37:35

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

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

titeuf, le samedi 13 août 2005 à 12:40:24

Edit

Rectification :

A:visited{
color : #0808080;
}

Répondre à titeuf

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

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

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

Répondre à dukexp

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

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

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

Répondre à titeuf

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Timon1102, le samedi 13 août 2005 à 14:12:39

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

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

M. DECLERCQ, le mardi 10 janvier 2006 à 22:06:24

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

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Gihef, le mercredi 8 novembre 2006 à 14:03:03

Bonjour,

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

Répondre à Gihef

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Tof, le lundi 25 septembre 2006 à 18:02:40

Ca ne se fait pas de signer:
Monsieur prenom nom

Répondre à Tof

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

king, le lundi 25 septembre 2006 à 18:13:29

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

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

Répondre à king

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Popy, le mercredi 8 novembre 2006 à 12:10:35

"color=#xxxxxx;"

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

Répondre à Popy

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

txiki, le vendredi 10 novembre 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'avoir.

Répondre à txiki

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

GamesAndGeeks, le mardi 20 février 2007 à 18:47:01

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

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Jissé, le mercredi 21 février 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é

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Gihef, le jeudi 22 février 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

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

SuperJacky, le vendredi 17 octobre 2008 à 09:54:27

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

Répondre à SuperJacky

Posez votre question Répondre

Résultats pour [CSS] IE lien hover

Un pb de css sur mes liens... (Résolu) Bonjour à vous, Voici le codes css des liens sur ma page : #contenu a{color:#fe911c; text-decoration: none; #contenu a:hover {background-color: #fe911c; color: #ffffff;} Ca marche, pas de problème ; mais sur cette meme page, j'ai 2 liens où le... www.commentcamarche.net/forum/affich-5123547-un-pb-de-css-sur-mes-liens

Images/lien/hover/css (Résolu) Bonjour, comment fonctionne le principe en css des images qui servent de lien et qui sont doubles. je m'explique : xxxxxxxxxxxxxxx x image haut x xxxxxxxxxxxxxxx x image bas x xxxxxxxxxxxxxxx par défaut, on voit image haut. lorsque l'on... www.commentcamarche.net/forum/affich-4142572-images-lien-hover-css

XHTML CSS et a:hover + img (Résolu) Bonjour, Dans mon css, j'ai mis: a:hover { color : #ffffff; text-decoration : none; background-color : #4c0000; font-style : normal; } Ce qui signifie que le lien aura un background plutot rouge (4c0000). Mais dans la ban j'ai voulu mettre... www.commentcamarche.net/forum/affich-3071282-xhtml-css-et-a-hover-img

1 2 3 Suivant

Résultats pour [CSS] IE lien hover

[CSS & IE7]background-image property (Résolu)Bonjour, Voilà, j'ai un soucis de css avec IE7. Voici une classe typique dans mes CSS : .multipleDossier { padding : 0 0 0 0px; width:20px; height:20px; text-align:right; vertical-align:top; background-color : #E7E7E7; background... www.commentcamarche.net/forum/affich-2633977-css-ie7-background-image-property

Les CSS !!! IE!=FireFox (Résolu)Allo, Bonne Année, j'ai un souci de CSS. je suis entrain de faire un site valide W3C. Mon souci est que j'utilise les div et les css et que depuis I.E. on ne voit que le fond de la page alors que sous Firefox on voit mon contenu (oui, je... www.commentcamarche.net/forum/affich-2561865-les-css-ie-firefox

CSS, IE et Firefox ! (Résolu)Bonjour tout le monde ! J'aurais besoni de quelques petits conseil pour rendre le CSS compatible sous Internet Explorer ... J'ai essayé de chercher un peu mais je n'ai pas trouver grand chose. Le mieux c'est que je vous montre :... www.commentcamarche.net/forum/affich-4961615-css-ie-et-firefox

1 2 3 Suivant

Résultats pour [CSS] IE lien hover

Télécharger IETabIE Tab est une extension pour Mozilla Firefox, et uniquement pour les systèmes d'exploitation Windows. Elle permet à une page Web ou à un lien d'être ouvert dans un onglet de Firefox avec le moteur d'Internet Explorer. Cette extension est... www.commentcamarche.net/telecharger/telecharger-34055226-ietab

1 2 3 Suivant