Gå til innhold

link, active, hover osv i css


Anbefalte innlegg

Skrevet

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

Videoannonse
Annonse
Skrevet

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>

Skrevet (endret)

a.hvit {

color:white;

}

 

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

 

 

EDIT: Bah! Fulu ble for kjapp for meg

Endret av Loomy
Skrevet

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..

Skrevet

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

Skrevet

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 ;)

Skrevet

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! ;)

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...