Avatar billede Slettet bruger
21. august 2007 - 18:34 Der er 7 kommentarer og
1 løsning

Problemer med Farver på link

Hey alle sammen..
Jeg har et lille problem.
Min hjemmeside har 2 forskellige grund farver.

Og til den ene skal min tekst og link være sorte og til den anden skal de være hvide..

Jeg havde starte med at lave denne linje i min <body>:
alink="#FFFFFF" vlink="FFFFFF" link="FFFFFF" color="FFFFFF"

Det virker jo fint.. Men kun de steder hvor linket skal være hvid.

Når så jeg skal lave de andre links om til at være sorte vil de ikke (nok mest fordi jeg gør det forkert) men jeg ville gerne selv lige prøve mine egne ideer frøst.
Desværre lykkes det ikke og derfor spørg jeg herinde..

Hvordan laver jeg mine andre links om til en sort skrift?
Avatar billede olebole Juniormester
21. august 2007 - 18:48 #1
<ole>

Den metode gik man væk fra i slutningen af 90'erne. Nu om stunder bruger man CSS  :)
Prøv at vise noget mere kode og en forklaring, så er det lettere at vise dig den korrekte CSS

/mvh
</bole>
Avatar billede Slettet bruger
21. august 2007 - 19:01 #2
Jamen hvad mere er der at vise?

Jeg har et link ex:
<a href="profil.htm">Profil</a> det skal være med hvid skrift.

Så har jeg et andet link:
<a href="kontakt.htm">Kontakt</a> Det skal være med sort skrift...

DDD
Avatar billede olebole Juniormester
21. august 2007 - 19:10 #3
I dit head-element skriver du:

<style type="text/css">
a, a:visited, a:hover {
    color: white;
}
bla.a, bla.a:visited, bla.a:hover {
    color: black;
}
</style>

- og et sted i body'en:

<a href="profil.htm">Profil</a>
<a class="bla" href="kontakt.htm">Kontakt</a>
Avatar billede Slettet bruger
21. august 2007 - 19:17 #4
Det virker ikke..
Jeg prøvede bare at kopier det dirket ind.
Men de sorte er stadig hvide...

DDD
Avatar billede jansangill Nybegynder
21. august 2007 - 20:58 #5
ja men det skulle jo gerne virke..Prøv dette her, som jo er det samme vel.

<style type="text/css">

#link1 a, a:link, a:hover, a:visted {color:#FFFFFF;text-decoration:underline;}

#link2 a, a:link, a:hover, a:visted {color:#000000;text-decoration:underline;}

</style>

og et sted i body'en:

<a id="link1" href="profil.htm">Profil</a>
<a id="link2" href="kontakt.htm">Kontakt</a>
Avatar billede jansangill Nybegynder
21. august 2007 - 21:04 #6
undskyld.Sådan her, med masser af overflødig css garanteret


<html>
<head>
<style type="text/css">

#link1 {color:#FFFFFF;text-decoration:underline;}
#link1 a, a:link, a:hover, a:visted {color:#FFFFFF;text-decoration:underline;}
#link2 {color:#000000;text-decoration:underline;}
#link2 a, a:link, a:hover, a:visted {color:#000000;text-decoration:underline;}

</style>
</head>

<body>
<a id="link1" href="profil.htm">Profil</a>
<a id="link2" href="kontakt.htm">Kontakt</a>
</body>

</html>
Avatar billede Slettet bruger
21. august 2007 - 22:02 #7
Super... Helt perfekt Jansangill..-
Smid et svar..


DDD
Avatar billede jansangill Nybegynder
21. august 2007 - 22:29 #8
svar:)
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