"a:Hover" -> Ønsker at have forskellige Hover effekter på mine links.

Du skal gruppere dine links op i klasser. Hver klasse skal så defineres i dit CSS dokument.

I dit HTML dokument:

<a href="link1.html" class="effekt1">Mit første link</a>

<a href="link2.html" class="effekt2">Mit andet link</a>

I dit css dokument:

a:hover {
color: #000000;
}
a.effekt1:hover {
color: #FFBB00;
}
a.effekt2:hover {
color: #800000;
}


Så har du forskellige farver, afhængig af den klasse du har sat på dine links.

Du kunne også gøre følgene.
html siden.

<a class="en" href="link1.html" class="effekt1">Mit første link</a>

<a class="to" href="link2.html" class="effekt2">Mit andet link</a>

css siden.

a.en:hover {
color: #000000;
}
a.to:hover {
color: #FFBB00;
}

EDIT.

Også med a.link

css siden.

a.en:link {
color: grey;
}

a.to:link {
color: blue;
}

EDIT.EDIT.

Havde ikke lige set det var det samme der allerede er blevet skrevet.

Mvh. Lasse

Browsere er dumme, og forstår ikke altid, hvad vi mener. Når vi fører musen over et link, vil der blive hentet to styles, men hvilken skal browseren vælge? For at være mere sikker på at browseren faktisk vælger den ønskede hover effekt, bør man bruge !important reglen. Så ved browseren at selvom der er to styles til et objekt, så er det denne her, vi ønsker at bruge.

 a:hover {
 color: #000000;
 }
 a.effekt1:hover {
 color: #FFBB00 !important;
 }
 a.effekt2:hover {
 color: #800000 !important;
 }

Cool det virker
- tak for det!

nu er jeg stødt på et problem igen.

Det er ikke kun en Hover effekt der skal på, der skal også en a:link på nemlig.

Men kan jeg altså ikke få til at virke

Hvad er det præcist dit nye problem er??


- og var det ikke mest rimeligt at give points til dem, der svarede og hjalp dig - og så oprette en ny tråd med nye points?