Gå til innhold

link, active, hover osv i css


Anbefalte innlegg

Videoannonse
Annonse

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>

Lenke til kommentar

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

Lenke til kommentar

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

Lenke til kommentar

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