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; }
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
<!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>
Brug class til dem, der skal være anderledes. F.eks. a.andenfarve:visited { text-decoration: none; color: red } <a class="andenfarve">linktekst</a>
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>
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).
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;
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; }
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
<a href="#">En slags link</a> <a href="#" class="andenlink">En anden slags link</a>
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>
21. juni 2004 - 14:49
#11
Virker det heller ikke, hvis du sætter mellemrum foran class ?-)
16. juli 2004 - 05:56
#12
roenving lægger du et svar så du kan få nogle point for tak for hjælpen?
16. juli 2004 - 16:50
#13
Velbekomme '-)
11. august 2004 - 11:42
#14
-- og tak for point ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling