Avatar billede ponyboye Nybegynder
19. juni 2004 - 00:11 Der er 12 kommentarer og
2 løsninger

have flere former for link farver?

Jeg har dette css og har lavet link med hover.

Nu kommer alle siderne til at se enes ud og det giver problemer med mine baggrunds farver og så kan man ikke se link.

Nu vil jeg gerne have link i menuen en farve med hover og en anden til resten af siden. Jeg syntes at have prøvet alt og kan ikke få det til at virke. Er der nogen der har en løsning?

body,td,th {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #000000;
    }
body {
    background-color: #CCE6DB;
}
a {
    font-size: 11px;
    color: #CCCCCC;
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #CCCCCC;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #CCCCCC;
}
Avatar billede korup Nybegynder
19. juni 2004 - 00:17 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style>
body,td,th {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #000000;
    }
body {
    background-color: #CCE6DB;
}
a {
    font-size: 11px;
    color: #CCCCCC;
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #CCCCCC;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #CCCCCC;
}
a.andet {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}
a.andet:link {
    text-decoration: none;
}
a.andet:visited {
    text-decoration: none;
    color: #00000;
}
a.andet:hover {
    text-decoration: none;
    color: #ffffff;
}
a.andet:active {
    text-decoration: none;
    color: #000000;}
hr{height:1px;}
</style>
</head>

<body>

<hr>
<a href="tets">test</a>
<a class="andet" href="resr">test</a>
</body>
</html>
Avatar billede knudgert Nybegynder
19. juni 2004 - 00:19 #2
Brug class til dem, der skal være anderledes.

F.eks.
a.andenfarve:visited {
    text-decoration: none;
    color: red
}

<a class="andenfarve">linktekst</a>
Avatar billede roenving Novice
19. juni 2004 - 01:03 #3
Ja, eller benyt dig af cascading i Cascading Style Sheets:

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

<a href="#">Link udenfor</a>

<div id="menu">
<a href="#">Link i menu</a>
</div>
Avatar billede knudgert Nybegynder
19. juni 2004 - 02:29 #4
Husk så bare at ID kun må bruges en gang på hver side, skal det bruges flere steder, så skal der bruges class (og id kan så byttes ud med class i roenvings eksempel).
Avatar billede ponyboye Nybegynder
19. juni 2004 - 07:57 #5
jeg syntes ikke at kunne få det til at virke. Jeg skal nemlig have kaldt det ud på same side.

Jeg har kunne få kaldt dette ud:

}.andenlink {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    }

men jeg skulle gerne bruge det samme som nedenfor, for med dette bliver min hover hvid og det skulle den ikke være.

##############

a {
    font-size: 11px;
    color: #CCCCCC;
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #CCCCCC;
}
a:hover {
    text-decoration: none;
    color: #999999;
}
a:active {
    text-decoration: none;
    color: #CCCCCC;
Avatar billede roenving Novice
19. juni 2004 - 12:27 #6
a {
    font-size: 11px;
    color: #CCCCCC;
    font-weight: bold;
}
a:link {
    text-decoration: none;
}
a:visited {
    color: #CCCCCC;
}
a:hover {
    text-decoration: none;
    color: #999999;
}
.andenlink {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    }
.andenlink:link {
    text-decoration: none;
}
.andenlink:visited {
    color:black;
}
.andenlink:hover {
    color:#999;
}
Avatar billede ponyboye Nybegynder
19. juni 2004 - 23:51 #7
undskyld den senene besvarelse, men det er er arbejde der ikke lige passer...he he

roenving >>>> jeg kan bare ikke finde ud af at fortælle tekst/link hvilken del der skal bruges, for ellers bruger den jo bare det normale
Avatar billede roenving Novice
20. juni 2004 - 00:05 #8
<a href="#">En slags link</a>
<a href="#" class="andenlink">En anden slags link</a>
Avatar billede ponyboye Nybegynder
20. juni 2004 - 00:10 #9
ok det prøver jeg lige
Avatar billede ponyboye Nybegynder
21. juni 2004 - 09:04 #10
det virker...nogle steder.

jeg har dette link er det lavet rigtigt. for det virker ikke?

<a href="../safe/medlem.asp?mode=read_mail&mailid=<%=rs("mailid")%>"class="andenlink"><%=rs("mailEmne")%></a>
Avatar billede roenving Novice
21. juni 2004 - 14:49 #11
Virker det heller ikke, hvis du sætter mellemrum foran class ?-)
Avatar billede ponyboye Nybegynder
16. juli 2004 - 05:56 #12
roenving lægger du et svar så du kan få nogle point for tak for hjælpen?
Avatar billede roenving Novice
16. juli 2004 - 16:50 #13
Velbekomme '-)
Avatar billede roenving Novice
11. august 2004 - 11:42 #14
-- og tak for point ;~}
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