Jump to content
Sign in to follow this  
Vonbo

link, active, hover osv i css

Recommended Posts

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

Share this post


Link to post

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>

Share this post


Link to post

a.hvit {

color:white;

}

 

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

 

 

EDIT: Bah! Fulu ble for kjapp for meg

Edited by Loomy

Share this post


Link to post

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

Share this post


Link to post

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

Share this post


Link to post

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

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...