Css et couleurs de liens sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Css et couleurs de liens sous IE

pgz

bonjour a tous !

je débute dans les css, et la je suis en train de créer un menu rollover en css.
il marche très bien sous FireFox mais il y a un bug sous IE.
en gros, le lien Actif possède l'attribut ON. il change de couleurs par rapport aux autres liens.
sur IE, le lien de change pas de couleur, ilgarde la meme couleur que celle renseignée dans le #menu a:link

menu sous IE : menu sour FireFox :

voila le code :

Code :

#menu {
margin: 100 0 0 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #FFFFFF;
width: 100%;
background-color: #999999;
}
#menu a {
text-decoration: none;
text-align: right;
padding: 7px 10px; //espacement du menu
color: #FFFFFF;
display: block;
}
#menu a:link {
color: #FFFFFF;
}
#menu a:visited {
color: #FFFFFF;
}
#menu a:hover {
background:url("menu.gif" );
color: #D91036;
}
#menu a.on {
background:url("menu.gif" );
color: #D91036;
}

voila le menu ds la page html :

Code :

<div id="menu">
<div id="blocmenu">
<a href="index.htm">Accueil</a>
<a class="on" href="nouvelles.htm">Nouvelles</a>
</div>
</div>

y a t'il un bug dans mon css ? ou bien une autre manière de procéder ?
Merci bcp!

Message édité par pgz le 12-07-2005 à 11:50:02

Publicité

FlorentG

Unité de Masse

Il faut être le plus spécifique possible pour surcharger une règle. Ici, le :link est plus spécifique que le .on. Il faut donc les coupler pour être encore plus spécifique :

#menu a.on:link

PS : D'un point de vue sémantique et structurel, utilise une liste pour ton menu, et vire les <div> inutile

Message édité par FlorentG le 12-07-2005 à 11:52:40

pgz

merci FlorentG, ça fonctionne. pour mettre des <li> je l'avais fait au début, mais j'ai préferre cette methode pour ma mise en page
pr les div en trop, je v les retirer, c exact

derniere question, si mon a:link et a:visited sont les meme, comment "coupler" ces deux attribut dans la feuille de style au lieu de retapper deux fois la mm chose ?

pgz

en faisant un

Code :

#menu a.on:visited, #menu a.on:link {
background:url("menu.gif" );
color: #D91036;
}

ça fonctionne, si c'est pas la bonne méthode merci dle dire :]

FlorentG

Unité de Masse

Si, c'est effectivement comme ça. Mais on placera le link avant le visited.

De manière générale, on suit cet ordre : LVHA (link, visited, hover, active). Après on peut coupler LVA, et mettre H après

pgz

ok, merci de l'info !
derneire question tant que j'y suis, imagine que j'ai plusieures feuilles de style, et que je mette en place un selecteur de style Css. comment faire pour que celui se loade à chaque pas du site directement ? cookie ? $_SESSION[] en PhP ?

je sais que je peux le faire en PhP mais je suppose qu'il y a une methode plus simple en fait..

FlorentG

Unité de Masse

Session, effectivement. Ou stockage dans cookie si le mec veut retrouver son style quand il reviendra

pgz

ok merci, Go pour les sessions...
encore merci pr ces réponses en tout cas.

remizz

Adventure !

Eh ben dis donc, on a un pro des recommandations du W3C !!
Tes infos sont super précises FlorentG !

FlorentG

Unité de Masse

'tain, faut vraiment que je fasse un site complet sur tout ça...

Publicité

Tentac

¤¤ In tartiflette we trust ¤¤

oui [:ocube]

allez, qui crée avec moi le commité "On tape sur FlorentG jusqu'a ce qu'il fasse un site " .

---------------
"Ramon Balthazard ! Lachez cette arme !"

FlorentG

Unité de Masse

*ouch* [:alph-one]

Danamir_

kodama

*jette des cailloux pointus sur FlorentG*

Le site! le site!

gatsusat

moi jveux bien participer

gatsusat

ben va lire le tuto de masklinn sur le menu en CSS.

la version JS qui existait était hyper lourde et mega à chier. alors que la version CSS est nickel et passe sur un navigateur sans JS

plainsofpain

Pingouino's lover

Moi j'ai un site sous spip en lancement pour apprendre xhtml et css ... si certains sont tentés on pourrait reprendre le principe ensemble :whistle:

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

masklinn

í dag viðrar vel til loftárása

http://www.csszengarden.com :whistle:

Citation :

Comme pour ça il faut bien connaître le html j'imagine, je le bosse à fond pour l'instant.

Ca aide pas mal, surtout comprendre le sens des éléments afin de les utiliser correctement (genre éviter d'utiliser des divs partout )

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

masklinn

í dag viðrar vel til loftárása

Si tu veux vraiment être impressionné, http://www.mezzoblue.com/zengarden [...] aleffects/

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

masklinn

í dag viðrar vel til loftárása

T'en aurais encore plus si je faisais un jour l'effort de mettre cette page à la con à jour :whistle:
(mais ça impliquerait de commencer par ranger mes favoris et j'ai pas le courage [:sisicaivrai]

Message édité par masklinn le 18-07-2005 à 02:02:58

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Publicité

FORUM HardWare.fr

Graphisme

Web design

Css et couleurs de liens sous IE

Sujets relatifs
couleur des liens	Probleme avec CSS
Photoshop: Comment Harmoniser les couleurs de peaux d'un photomontage?	1er site xHTML + CSS. Prob de scroll Moz' et IE. Prob de background !
comment on fait des liens vers sites en petite vignette photo?	Réglages des couleurs ( Illustrator / Photoshop )
Conflit couleurs Photoshop	Conflit couleurs Photoshop
Générateur de palette de 256 couleurs commune à plusieurs images...	Pourquoi le CSS à tout prix ?
Plus de sujets relatifs à : Css et couleurs de liens sous IE

Page générée en 0.069 secondes