link, active, hover osv i css

[Vonbo]

Hei.

 

Jeg ønsker å ha hvit farge på "menyvalgene" (linkene), mens resten av siden skal ha svarte linker. Hvordan kan jeg skrive det i css at f.eks en <div-class> skal ha en annen farge på linkene?`

 

Takk

[FuLu]

Du kan ha forskjellige klasser på dette. Om du har en menu og en content div, så kan du spesifisere forskjellige farger på linkene i disse gruppene. Kjappe eksempler:

 

<style type="text/css">
<!--
#menu a { color: white; }
#content a { color: black; }
-->
</style>

<div id="menu">..linker..</div>
<div id="content">..linker..</div>

 

Eller om du bruker klasse på hver anchor:

 

<style type="text/css">
<!--
.link1 { color: white; }
.link2 { color: black; }
-->
</style>

<a href="" class="link1">link1</a>
<a href="" class="link2">link2</a>

[Loomy]

a.hvit {

color:white;

}

 

da blir det <a class="hvit" ...

 

 

EDIT: Bah! Fulu ble for kjapp for meg

Endret 19. februar 2004 av Loomy

[Vonbo]

hm..

 

Men det blir veldig tungvindt hvis jeg må inn i alle dokumentene å skrive inn divklassen på linkene.

 

Jeg har denne som går til alle:

 

A:link     {text-decoration=none; color: #000000;}
A:active	{text-decoration=none; color: #000000;}
A:visited	{text-decoration=none; color: #000000;}
A:hover	{text-decoration=none; color: #AA885B;}

 

Kan jeg ikke bare lage en "unntaksklasse" som jeg kan plassere på de 4 linkene som skal være en anne farge!?

 

Mulig jeg ikke forsto helt hva du mente..

[Vonbo]

fikk til at den ble hvit med loomey sitt forslag, men da virket den ikke som link lenger... hva avslutter jeg tag'en med?

[FuLu]

Det er desverre ikke andre måter å gjøre det på. Enten må du gruppere det inn med div's som første eksemplet, eller så må du bruke klasser som eksempel 2 og som Loomy nevnte. Eller så kan du bruke inline kode: <a href="" style="color: white;">link</a>... men med denne inline koden, kan du ikke bestemme hva farge som skal komme på :hover..

 

Endre i html koden må du uansett om du vil ha forskjellig farge på linkene, for du må spesifisere hvilken klasse e.l. en link skal bruke.

 

Hva mener du at den ikke oppførte seg som link lengre? Vis kode så vi skjønner mer

[Vonbo]

Mente bare at den blir hvit, men slutter å fungere som link.

 

Men, ok, da er det slik det må gjøres. Får vel bare sette i gang.

 

Tusen takk folkens!