Avatar billede topperware Nybegynder
17. marts 2004 - 09:43 Der er 2 kommentarer og
2 løsninger

Skift af farve på links (tekst) vha. a:hover

Jeg har en hjemmeside hvortil jeg har et StyleSheet der refereres til i starten af HTML dokumentet. I dette StyleSheet har jeg defineret, at alle links skal have bestemte farver alt efter om de er besøgt, ikke besøgt osv.
Jeg ønsker på et tidspunkt nogle andre farver på nogle enkelte links på siden, men jeg jo har defineret bestemte farver for alle links på en gang vha a:link/a:hover osv i starten af sidens StyleSheet.
Hvordan og hvor skriver jeg at jeg nu ønsker at skite disse regler for en kort bemærkning altså for nogle få links?
Avatar billede bearhugx Nybegynder
17. marts 2004 - 09:47 #1
du kan gøre følgende

a:hover {
  color: green;
}
a.speciel:hover {
  color: red;
}

og så blive ved med at have dine normale links
<a href="xxx"> dette link hover grøn</a> <br/>
og specielle links
<a href="yyy" class="speciel"> dette link hover rødt</a>
Avatar billede topperware Nybegynder
17. marts 2004 - 19:52 #2
hej bearhugx,
jeg kan godt se hvad du mener, men jeg kan ikke få det til at virke.
Jeg har en tekst, som er et link til en anden side.
Denne tekst/link er som jeg forklarede indledningsvis styret af et overordnet StyleSheet.
Jeg ønsker ud over at forandre teksten/linket i forhold til mit StyleSheet at skifte endnu engang i selve forandringen. (hmm...sort snak) Se eksempel:

teksten der er tale om:

"InteractiveWorkoutHome" skal altså have sine egne definationer for link.
Interact=pink, iveWorko=hvid og utHome=pink, dette skal gælde for link,active og visited mens for hover skal alle tre tekstdele være sorte (når makøren er over linket).
Det er som om det er pga det er ét link/ord det går galt for mig. jeg prøvede at omkranse hver de tre tekstdele af et <a href></a> tag og så virkede det bortset fra at det kun er den del af ordet makøren befandt sig over der blev sort. Jeg ønsker naturligvis at hele ordet "InteractiveWorkoutHome" bliver sort lige meget hvor i ordet man rammer med musen.
Håber dette er til at forstå
VH topperware
Avatar billede hermandsen Juniormester
17. marts 2004 - 22:58 #3
Det kan lade sig gøre, men ikke i IE!!

<span id="mitlink"><a href="foo">Interact</a><a href="bar">iveWorko</a><a href="foobar">utHome</a></span>

#mitlink:hover a {
  color: black;
  background-color: transparent;
}

Det gør at ALLE links i span-tag'et, bliver sorte, når også når musen kun holdes over ét af dem!! :)

Jeg går ud fra at du godt selv ved hvordan du sætter dine link, active og visited-egenskaber... ;)

Noget med:

a[href="foo"]:link { color: purple }
a[href="bar"]:visited { color: white }

Nåååh, nej... Det understøttes heller ikke i IE!! ;)
Så må du bare gøre hæftig brug af dine klasser!!

//hermandsen
Avatar billede topperware Nybegynder
18. marts 2004 - 11:54 #4
tak for hjælpen jeg kan se teknikken nu, jeg må prøve at justere layout og indhold for det bedste resultat.
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