Avatar billede subit Nybegynder
20. april 2004 - 16:47 Der er 4 kommentarer og
3 løsninger

2 forskellige link farver i css?

Hej allesammen!

vil gerne have det sådan her:

Her er et link der skal være hvidt
og Her er et link der skal være sort.

indtil videre har jeg denne her:

a:link, a:visited {
color: #ffffff;
text-decoration: none;
font-size: xx-small;
}
a:hover {
color: #ffffff;
text-decoration: none;
font-size: xx-small;
}

Men så gør den jo alle links hvide?
hvordan kan jeg gøre?
Avatar billede Jman Praktikant
20. april 2004 - 16:52 #1
a.sort:link, a:visited {
color: #000000;
text-decoration: none;
font-size: xx-small;
}
a.sort:hover {
color: #000000;
text-decoration: none;
font-size: xx-small;
}

De link, der skal være sort skrive du så <a class="sort" href="dit-link">link</a>
Avatar billede ullidk Nybegynder
20. april 2004 - 16:52 #2
Hvid:
a.white:link, a:visited {
color: #ffffff;
text-decoration: none;
font-size: xx-small;
}
Sort
a.black:link, a:visited {
color: #ffffff;
text-decoration: none;
font-size: xx-small;
}

Og dem kan du så kalde med hhv <a class="white" href""> og <a class="black" href="">
Avatar billede ullidk Nybegynder
20. april 2004 - 16:52 #3
Ups:-)
Avatar billede roenving Novice
20. april 2004 - 16:53 #4
Det nemmeste er, hvis du har alle de links, som skal være i en anden farve inde i et element, som så kan få en id eller klasse, men alternativet er at sætte klasse på de links, som er anderledes ...

<div class="menu">
-- dine anderledes links
</div>

css:

.menu a:link, .menu a:visited{}
.menu a:hover{}

Alternativet:

<a href="" class="menulink">lkj</a>

css:

.menulink:link, .menulink:visited{}
.menulink:hover{}

Man kan også specificere yderligere i sin css, f.eks. a.menulink ...
Avatar billede subit Nybegynder
20. april 2004 - 17:04 #5
ok mange tak allesammen... roenving lav lige svar!
Avatar billede roenving Novice
20. april 2004 - 17:07 #6
Velbekomme '-)
Avatar billede roenving Novice
20. april 2004 - 21:51 #7
-- og tak for points ;~}
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

IT-JOB