Får inte hover funktionen att fungera.. Har jag godat fel i Css?

A.TopTen:hover {
color: green;
text-decoration: none;
font-size: 11px;

}


A.TopTen {
color: #000000;
text-decoration: none;
font-size: 11px;

}

TD.TopTen {
font-family: Arial;
font-size: 11px;

}

Har du angett klassnamnen i HTML-koden exakt likadant som i CSS:n? TopTen och Topten är inte samma.

Eller kollar du i IE?

Har inte alls testat, men kan det vara så att du måste definiera :hover efter den vanliga "a".

(Vad jag menar är att du "skriver över" hover-inställningarna med de vanliga inställningarna så som koden ser ut nu. Är inte 100% säker på om detta stämmer, men det kan ju vara värt ett försök...)

Problemet är att vanliga hover för sidan är applicerade även på TopTen classen, dvs jag får inte topten att ta effekt.

Jag kanske är fel ute nu, men ska det inte se ut så här:

TopTen a:hover {
color: green;
text-decoration: none;
font-size: 11px;

}

Är TopTen en class för en länk eller är det id på det element länkarna ligger i (t.ex. div)?

Är det en class, så ska det vara
a.TopTen:link, a.TopTen:visited {
}

a.TopTen:hover {
}

Om det är en id, så ska koden se ut så här:
a#TopTen:link, a#TopTen:visited {
}

a#TopTen:hover {
}

imo sätt classen på föräldraobjektet (TD i detta fall?) och skriv css därefter.

<td class="topten">jdojs</td>


td.topten a {color:red; text-decoration:none;}
td.topten a:hover {color:red; text-decoration:underline;}

:hover funkar endast för a-taggar i IE.

Var kommer det ifrån? Fungerar fint i FF, och så vitt jag vet i många andra webbläsare, om inte alla.

Fungerar i alla webläsare (FF, Safari, Opera) men bara för a-element i IE 6. Microsofts vägar äro outgrundliga.

IE6 stöder bara css 1.0 och en hel del egna påfund. IE7 är däremot mycket mer avancerad vad det gäller standard.