newbieCSS a écrit :
bonjour à tous !
Je rencontre un problème avec ma feuille css, voilà ce que je cherche à réaliser avec mes liens et sur IE (pas sur FireFox, merci!)
1-liens, liens visités et liens actifs de couleur bleu sans aucun soulignement
2-liens survolés de couleur rouge et encadrés de noir sur fond jaune transparent.
Mais malheuresement cela ne marche pas sur tous les liens alors que j'utilise la même et unique feuille de style !!!
Remarque 2: Cela fonctionne également à l'intérieur des tableaux mais toujours pas sur un lien classique tout simple <a href="xxx">lien</a>
Voici mon code css :
<style TYPE="text/css"> A,A:link { color:#0000FF; } A,A:visited,A:hover { color:#0000FF; text-decoration:none; padding:1px; } A:hover { color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=80, finishopacity=20, style=2); } body { scrollbar-face-color:#CCCCFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#FFFFFF; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; background-color:#000000; background-image:url(Images/background.gif); font-family:Comic Sans MS; font-size:14; background-attachment:fixed; cursor:url(Images/curseur.cur); } table { background-image:url(Images/fond_tbl.gif); font-family:Comic Sans MS; border-collapse:collapse; border-color:#000000; font-size:12; } td { border-color:#000000; } .bodymenu { font-size:15; font-weight:bold; background-color:#0000FF; background-image:url(Images/fond_tbl.gif); } .tablemenu { background-image:none; } .image1:hover { background-color:transparent; padding:1px; border:none; } .image2:hover { padding:1px; border:none; } .image3:hover { paddind:0px; border:none; } .menuderoulant { margin-left:5pt; font-size:10; } p { font-weight:bold; font-family:Comic Sans MS; font-size:16; width:100%; filter:Shadow(color=#C0C0C0, direction=135); text-decoration:underline; } form, label, input, select, option, textarea { font-family:Comic Sans MS; font-size:12; } .degrade { filter:Alpha(opacity=100, finishopacity=70, style=2); } .ombre { width:100%; filter:Shadow(color=#C0C0C0, direction=135); } .flipH { filter:FlipH(); } .flipV { filter:FlipV(); } .rayonX { filter:XRay(); } .invert { filter:Invert();} .estompe { filter:Blur(direction=45, strength=20); } </style>
Je pense qu'il y a un problème d'héritage mais je ne maitrise pas le sujet.
Un coup de main n'est pas de refus ! J'ai besoin d'un pro !
Merci beaucoup !
Modifié par newbieCSS (01 Jul 2007 - 17:02)