Avatar billede marx Nybegynder
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?
Avatar billede skarvenneverdies Nybegynder
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: #..................
Avatar billede repsak Nybegynder
03. december 2003 - 19:13 #2
enig
og så klassen:
<a href="bla" class="Links2">Her</a>
Avatar billede marx Nybegynder
03. december 2003 - 19:19 #3
ok, mange tak!!

svar lige, i får begge points...
Avatar billede skarvenneverdies Nybegynder
03. december 2003 - 19:20 #4
Jeg er ikke med i point-ræset - så repsak må være den heldige...
Avatar billede marx Nybegynder
03. december 2003 - 19:32 #5
ok, dejligt at høre at jeg ikke er den eneste der er ligeglad med de %#¤" points... :-)
Avatar billede repsak Nybegynder
03. december 2003 - 19:32 #6
Jammen dog :-)
Avatar billede marx Nybegynder
03. december 2003 - 19:45 #7
points i hytten til dig :-)
Avatar billede marx Nybegynder
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; }

???
Avatar billede marx Nybegynder
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?
Avatar billede roenving Novice
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; }
Avatar billede marx Nybegynder
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; }
Avatar billede roenving Novice
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>
Avatar billede marx Nybegynder
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!
Avatar billede roenving Novice
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 !-)
Avatar billede marx Nybegynder
04. december 2003 - 04:09 #15
Det virker stadigvæk ikke :-(

Se:
http://www.marxworld.dk/hilfe.htm

har kopieret dine koder ind, men det hjælper ikke!
Avatar billede roenving Novice
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]
Avatar billede roenving Novice
04. december 2003 - 04:19 #17
ahr hedder har på normalt dænsg, lissom ligyldig staves ligegyldigt ...
Avatar billede marx Nybegynder
04. december 2003 - 04:21 #18
Se nu...

"Det er opdateret ordenligt? - Se evt. i koderne..."
Avatar billede marx Nybegynder
04. december 2003 - 04:23 #19
Bruger I.E. 6.0
Avatar billede roenving Novice
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 !-)
Avatar billede marx Nybegynder
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?
Avatar billede roenving Novice
04. december 2003 - 04:36 #22
Det er faksiskt nødvendigt en gang imellem !-)
Avatar billede marx Nybegynder
04. december 2003 - 04:37 #23
har genstartet, men uden resultat... det er mystisk!
Avatar billede roenving Novice
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  ...
Avatar billede marx Nybegynder
04. december 2003 - 04:42 #25
Jeg er blank... får kun sorte links med grå effekt!

Hvad siger den i din IE browser?
Avatar billede marx Nybegynder
04. december 2003 - 04:43 #26
mangler jeg nogle opdateringer af en eller anden art?
Avatar billede skarvenneverdies Nybegynder
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 ????
Avatar billede marx Nybegynder
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!
Avatar billede skarvenneverdies Nybegynder
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å...
Avatar billede skarvenneverdies Nybegynder
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...
Avatar billede marx Nybegynder
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
Avatar billede roenving Novice
04. december 2003 - 15:21 #32
De links, som ligger i .link2 er røde fra start ...
Avatar billede marx Nybegynder
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...
Avatar billede marx Nybegynder
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???
Avatar billede marx Nybegynder
04. december 2003 - 15:24 #35
*måske
Avatar billede marx Nybegynder
04. december 2003 - 15:29 #36
Siden jeg arbejder på:

http://217.157.207.151/MarxWorld/sperling/sperling_test.htm

Ude i menuen ved nyheder står der "læs mere her", og det skal stå med rød, men det vil det ikke.

Ser i rødt?
Avatar billede marx Nybegynder
04. december 2003 - 15:39 #37
heeeeeyyyyy, nu virker det!! Satte <div class="link2"> ind... Tak for hjælpen!
Avatar billede skarvenneverdies Nybegynder
04. december 2003 - 15:48 #38
lækkert
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