03. december 2003 - 19:01
Der er
37 kommentarer og 1 løsning
to forskellige linkseffekter i samme dokument?
Hej, Vil gerne høre om der er en venlig person, der hurtig lige kan fortælle mig om man kan lave to forskellige linkseffekter på to forskellige tekstlinks? Altså vil ha Link_1 til at være rød, og når musen kører over linket blir linket gråt. Link_2 er blå og bliver grøn når musen køres hen over det. Bruger den her i et CSS doku: a:link {color: #000000; text-decoration: none; } a:active {color: #ff0000; text-decoration: none; } a:visited {color: #000000; text-decoration: none; } a:hover {color: #666666; text-decoration: none; } Men den virker jo kun til et link, eller er jeg forkert på den?
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?
03. december 2003 - 19:11
#1
Du laver bare et sæt med et andet navn: a.Links2 { font-family:.............. a.Links2:hover { color: #.................. a.Links2:active { color: #..................
03. december 2003 - 19:13
#2
enig og så klassen: <a href="bla" class="Links2">Her</a>
03. december 2003 - 19:19
#3
ok, mange tak!! svar lige, i får begge points...
03. december 2003 - 19:20
#4
Jeg er ikke med i point-ræset - så repsak må være den heldige...
03. december 2003 - 19:32
#5
ok, dejligt at høre at jeg ikke er den eneste der er ligeglad med de %#¤" points... :-)
03. december 2003 - 19:32
#6
Jammen dog :-)
03. december 2003 - 19:45
#7
points i hytten til dig :-)
04. december 2003 - 02:36
#8
Skal lige have det her på det rene, fordi mit link bliver ik rødt, men det bliver gråt når jeg kører musen over... Er det her rigtig: a:link2:link {color: #cc0000; text-decoration: none; } a:link2:active {color: #cc0000; text-decoration: none; } a:link2:visited {color: #000000; text-decoration: none; } a:link2:hover {color: #666666; text-decoration: none; } ???
04. december 2003 - 02:57
#9
Det mærklige er, at den laver email-linksene røde, med den overstående kode, men ik almindlige links. Det der er mest mærkligt er, at jeg ik har brugt class ved email-links... forklaring?
04. december 2003 - 02:58
#10
Næh, det er ikke rigtigt, det rigtige kunne se sådan ud: .link2:link{color: #cc0000; text-decoration: none; } .link2:visited {color: #000000; text-decoration: none; } .link2:hover {color: #666666; text-decoration: none; } .link2:active {color: #cc0000; text-decoration: none; } -- bemærk også rækkefølgen, som er den _eneste_ rigtige ... . betyder class, så derfor er det det, du skal bruge ... Der er dog det alternativ, at du grupperer dine links indenfor f.eks. en div med en class, og så skriver f.eks. .menu a:link{color: #000; text-decoration: none; } -- og .links a:link{color: #0ff; text-decoration: none; }
04. december 2003 - 03:07
#11
hmm, det vil ikke... disse løsninger duer ikke: .link2:link {color: #cc0000; text-decoration: none; } .link2:visited {color: #000000; text-decoration: none; } .link2:hover {color: #666666; text-decoration: none; } .link2:active {color: #cc0000; text-decoration: none; } a.link2:link {color: #cc0000; text-decoration: none; } a.link2:visited {color: #000000; text-decoration: none; } a.link2:hover {color: #666666; text-decoration: none; } a.link2:active {color: #cc0000; text-decoration: none; } .link2 :link {color: #cc0000; text-decoration: none; } :visited {color: #000000; text-decoration: none; } :hover {color: #666666; text-decoration: none; } :active {color: #cc0000; text-decoration: none; }
04. december 2003 - 03:11
#12
Og et helt eksempel kunne være sådan:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"> <html>
<head><title>link-style</title>
<style type="text/css">
.menu a:link{color:#a00; text-decoration: none; }
.menu a:visited{color:#aa0; text-decoration: none; }
.menu a:hover{color:#aaa; text-decoration: underline; }
.menu a:active{color:#00a; text-decoration: none; }
.links a:link{color:#0aa; text-decoration: none; }
.links a:visited{color:#00a; text-decoration: none; }
.links a:hover{color:#000; text-decoration: none; }
.links a:active{color:#0aa; text-decoration: none; }
</style>
</head>
<body>
<div class="menu">
<a href="#">Et menu-punkt</a>
</div>
<div class="links">
<a href="#">Et link</a>
</div>
</body>
</html>
04. december 2003 - 03:26
#13
Det virker ikke...
se her:
http://www.marxworld.dk/hilfe.htm - Har brugt et eksternt css-doku...
link-koderne ser sådan ud i sperling.css:
a:link {color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none; }
a:hover {color: #666666; text-decoration: none; }
a:active {color: #cc0000; text-decoration: none; }
.link2 a:link {color: #cc0000; text-decoration: none; }
.link2 a:visited {color: #000000; text-decoration: none; }
.link2 a:hover {color: #666666; text-decoration: none; }
.link2 a:active {color: #cc0000; text-decoration: none; }
HJÆLP!
04. december 2003 - 04:04
#14
Hvis mit eksempel skal virke skal du:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel='stylesheet' type='text/css' href='sperling.css'>
<title>hilfe</title>
</head>
<body>
<div><a href="
http://www.eksperten.dk" target="_blank">Link 1</a></div>
<div class="link2"><a href="
http://www.eksperten.dk" target="_blank" class="link2">Link 2</a></div>
</body>
</html>
-- jeg har lavet dem om til div'er -- det skulle ikke burde være nødvendigt, men jeg vil anbefale at man ikke bruger tekst-grupperings-tags til gruppering på andre tags !-)
04. december 2003 - 04:18
#16
Øeh, har du opdateret ordentligt i din browser ?-) -- jeg ahr da fået forskellige links ligyldig om jeg bruger den ene eller den anden browser til at kigge ?o]
04. december 2003 - 04:19
#17
ahr hedder har på normalt dænsg, lissom ligyldig staves ligegyldigt ...
04. december 2003 - 04:21
#18
Se nu... "Det er opdateret ordenligt? - Se evt. i koderne..."
04. december 2003 - 04:23
#19
Bruger I.E. 6.0
04. december 2003 - 04:28
#20
-- må jeg lige gentage: -- jeg får to forskellige links, umiddelbart ser det ud til at link 1 et en mørk grå og link 2 er en slags mørk rød, ved mouse-over bliver de begge grå i noget jeg vil bedømme til omkring farve #ccc !-)
04. december 2003 - 04:30
#21
hmm, det lyder sgu mærkligt, da jeg får to sorte links, der bliver grå ved mouse-over... Det du ser, skal være det rigtige, men hvorfor kan jeg ikke se det??? Skal man ligefrem genstarte sin computer, for at se om det er min maskine der gør vrøvl?
04. december 2003 - 04:36
#22
Det er faksiskt nødvendigt en gang imellem !-)
04. december 2003 - 04:37
#23
har genstartet, men uden resultat... det er mystisk!
04. december 2003 - 04:41
#24
Har faktisk Mozilla kørende i et andet vindue, og opdaterede lige på adressen:
http://www.marxworld.dk/hilfe.htm ...
Rødt link 2 og mørktgråt link1, bege blev lysere gråt ved hover ...
04. december 2003 - 04:42
#25
Jeg er blank... får kun sorte links med grå effekt! Hvad siger den i din IE browser?
04. december 2003 - 04:43
#26
mangler jeg nogle opdateringer af en eller anden art?
04. december 2003 - 10:06
#27
Marx prøver du også at trykke på links´ne i stedet for bare at køre musen henover ????
04. december 2003 - 14:20
#28
Hvis jeg trykker på linket, kommer jeg hen på eksperten.dk. Hvis jeg vender tilbage til siden med de to links, er linket rødt. trykker jeg et vilkårligt sted på siden, bliver linket sort igen. Det skal jo være rødt fra start af!
04. december 2003 - 14:23
#29
Altså, når jeg kigger i ovenstående kode er det: 1. sort når man intet gør. 2. gråt når du fører musen hen over. 3. rødt når du trykker. Og sådan opfører siden sig også...
04. december 2003 - 14:24
#30
Det er jo klart linket bliver sort igen når du trykker et andet sted - for så er linket jo ikke aktivt mere...
04. december 2003 - 15:20
#31
Hvad er det for en kode du ser det i? Bruger denne her: .link2 a:link {color: #cc0000; text-decoration: none; } .link2 a:visited {color: #cc0000; text-decoration: none; } .link2 a:hover {color: #666666; text-decoration: none; } .link2 a:active {color: #cc0000; text-decoration: none; } Men det virker ikke... Det er jo ikke rødt til at starte med
04. december 2003 - 15:21
#32
De links, som ligger i .link2 er røde fra start ...
04. december 2003 - 15:23
#33
Ja nu er de i hilfe, aner ik hvad der er sket der. Men på den side jeg er i gang med, virker det ik. Bruger nøjagtig det samme CSS-doku...
04. december 2003 - 15:24
#34
msåek fordi jeg ike har <div> med på den side jeg laver? Skal man så bruge <div> ved alle links???
04. december 2003 - 15:24
#35
*måske
04. december 2003 - 15:39
#37
heeeeeyyyyy, nu virker det!! Satte <div class="link2"> ind... Tak for hjælpen!
04. december 2003 - 15:48
#38
lækkert
Vi tilbyder markedets bedste kurser inden for webudvikling