Vad är det för fel på min css-kod?
Har gjort en länkmeny som är uppbyggd på tabeller och så har jag formaterat dom så här:
a.menu {
FONT-SIZE: 9px;
background : #0000CC;
color: #FFFFFF;
text-decoration : none;
width:100%;
border-top: 1 solid #ffffff;
border-left: 1 solid #000000;
border-right: 1 solid #ffffff;
border-bottom: 1 solid #000000;
letter-spacing: 2px;
padding: 4;
}
a.menu:hover {
FONT-SIZE: 9px;
background : #ffffff;
color: #0000cc;
width:100%;
border-top: 1 solid #ffffff;
border-left: 1 solid #ffffff;
border-right: 1 solid #ffffff;
border-bottom: 1 solid #ffffff;
letter-spacing: 3px;
padding: 4;
}
Problemet är nu att när man inte har musen över tabellerna så är dom då i färgen 0000cc, när man för över (hover) så är dom i färgen ffffff, men när man klickar på en länk så ändrar tabellen färg till grå och man måste då rensa cookies och tidigare för att det ska "funka" igen, problemet är alltså att jag inte vill att det ska bli grått, hur gör man det?
Kanske förklarade dåligt men det är tabellen som ändrar färg, inte länkarna.
jarvkloMedlem sedan juli 20013 378 inlägg Hej HipperHopper och välkommen till wF!
Kan du ge exempel på hur HTML-koden ser ut där du har problem?
Har du t.ex. den <table> du har problem med inuti en <a class="menu"> kan du ha nytta av att deklarera en annan färg än grå för a.menu:visited som icaaq (lite kortfattat ;) ) föreslår
Såhär skriver jag tabellerna, med en länk inuti:
<tr>
<td width="100%" valign="top"><a href="http://www.lank.htm"target="main" class="menu">TEXT
</a></td>
jarvkloMedlem sedan juli 20013 378 inlägg Hmm....
Kan inte återskapa felet med den kod du anger.
Funkar det inte bättre om du gör såhär?
a.menu[b][blue], a.menu:link, a.menu:visited, a.menu:active[/blue][/b] {
FONT-SIZE: 9px;
background : #0000CC;
color: #FFFFFF;
text-decoration : none;
width:100%;
border-top: 1 solid #ffffff;
border-left: 1 solid #000000;
border-right: 1 solid #ffffff;
border-bottom: 1 solid #000000;
letter-spacing: 2px;
padding: 4;
}
a.menu:hover {
FONT-SIZE: 9px;
background : #ffffff;
color: #0000cc;
width:100%;
border-top: 1 solid #ffffff;
border-left: 1 solid #ffffff;
border-right: 1 solid #ffffff;
border-bottom: 1 solid #ffffff;
letter-spacing: 3px;
padding: 4;
}
Om inte - har du en länk till sidan så att man kan se helheten ?
Vilken webbläsare kör du med när du testar förresten ?
Funkar!
Funkar perfekt nu!
Tack så mycket!
Testar den i IE, Opera och Netscape.
