Avatar billede webnord Novice
29. marts 2004 - 00:56 Der er 6 kommentarer og
2 løsninger

2 forskellige tekst-decoration

Hejsa

Jeg har brug for 2 forskellige text-decoration:
1.
a:link {
color: gray;
text-decoration:none;
}
a:visited {
color: gray;
text-decoration:none;
}
a:active {
background-color: none;
text-decoration:none;
}
a:hover {
color:gray;
text-decoration:none;
}

og den anden

a:link {
color: white;
text-decoration:none;
}
a:visited {
color: white;
text-decoration:none;
}
a:active {
background-color: none;
text-decoration:none;
}
a:hover {
color:white;
text-decoration:none;
}


Hvordan gør jeg det ?
Avatar billede skovenborg Nybegynder
29. marts 2004 - 00:59 #1
lav en klasse på dine links som du vil have den ene ved, fx:
<a href="#" class="linkclass">LINK</a>

og skriv derefter:
a.linkclass:link {
color: white;
text-decoration:none;
}
a.linkclass:visited {
color: white;
text-decoration:none;
}
a.linkclass:active {
background-color: none;
text-decoration:none;
}
a.linkclass:hover {
color:white;
text-decoration:none;
}

Du kan også gøre det ved den anden - hvis ikke vil den bare være standard.
Avatar billede skovenborg Nybegynder
29. marts 2004 - 01:02 #2
desuden vil det være lettere at skrive det sådan her:
a.linkclass {
color:white;
text-decoration:none;   
}
Du ændrer jo alligevel ikke på noget med de forskellige pseudo-elementer
Avatar billede Jman Praktikant
29. marts 2004 - 01:02 #3
Den første (lader du bare være som default)

a:link {
color: gray;
text-decoration:none;
}
a:visited {
color: gray;
text-decoration:none;
}
a:active {
background-color: none;
text-decoration:none;
}
a:hover {
color:gray;
text-decoration:none;
}

og den anden (alternative)

a.alternativ:link {
color: white;
text-decoration:none;
}
a.alternativ:visited {
color: white;
text-decoration:none;
}
a.alternativ:active {
background-color: none;
text-decoration:none;
}
a.alternativ:hover {
color:white;
text-decoration:none;
}

Når du så skal lave dine links skriver du <a class="alternativ" href"DitLink">DitLink</a>
Avatar billede skovenborg Nybegynder
29. marts 2004 - 01:06 #4
background-color:none;  er der forresten ikke noget der hedder. I stedet skal man skrive:
background-color:transparent;
Avatar billede roenving Novice
29. marts 2004 - 01:06 #5
-- og så kan du spare lidt ved at putte de links, du vil have anderledes ind i et element:

<div id="menu">
<a href="noget">Noget</a>
<a href="nogetAndet">Noget andet</a>
<a href="nogetTredje">Noget tredje</a>
<a href="nogetFjerde">Noget fjerde</a>
</div>

-- og så:

#menu a:link{
  color:white;
  text-decoration:none;
}


-- og hvis du skal bruge pseudo-selektorer, _skal_ de være i denne rækkefølge:

a
a:link
a:visited
a:hover
a:active
Avatar billede webnord Novice
29. marts 2004 - 01:11 #6
Mange tak for svarene.
mht background-color:none; - så var det en hurtig kopi, af noget gammelt stof..
Går engang imellem lidt for hurtigt
Avatar billede skovenborg Nybegynder
29. marts 2004 - 01:14 #7
det okay :-)

skal vi svare..?!? ;-) Her er et i hvert fald.
Avatar billede olebole Juniormester
29. marts 2004 - 01:15 #8
Morale: Ryg _aldrig_ gammelt stof  *-\
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester