Søg
Avatar billede ex_libris Nybegynder
27. januar 2001 - 11:20 Der er 8 kommentarer og
1 løsning

Afgrænsning af a:hover på en specifik side

Hejsa,
Jeg kan umiddelbart ikke få lov til at definere et enkelt link, som jeg ikke vil have skal være omfattet af a:hover. Er der nogen der har erfaring med hvordan man undgår det? (om muligt)

Avatar billede hobbez Nybegynder
27. januar 2001 - 12:04 #1
Ja, det har jeg.

Du definerer en specifik custom tag hvor a:hover er defineret som du vi have det på den side du omtaler, og markerer så det pågældende link med den custom tag.

Jeg copy\'n\'paster lige et eksempel.....

/Rob
Avatar billede hobbez Nybegynder
27. januar 2001 - 12:24 #2
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
<!--
a:hover {  color: #CC0000}
a.green:hover {  color: #66CC00}

-->
</style>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<p>P&aring; denne side er links defineret til hover = r&oslash;d.</p>
<p>Dette er et <a href=\"http://www.rob.dk\">almindeligt link</a> med hover = r&oslash;d</p>
<p>Dette er et andet <a href=\"http://www.rob.dk\">almindeligt link</a> med hover
  = r&oslash;d</p>
<p class=\"hover_green\">Men <a href=\"http://www.rob.dk\" class=\"green\">dette link</a>
  afviger da hover = gr&oslash;n</p>
<p>Dette er det tredje <a href=\"http://www.rob.dk\">almindeligt link</a> med hover
  = r&oslash;d</p>
<p>&nbsp;</p>
</body>
</html>
Avatar billede hobbez Nybegynder
27. januar 2001 - 12:27 #3
tricket er altså at definere en

a.navn_du_vælger:hover { farve }

og markere det område det skal omfatte.

Jeg har uploadet ovennævnte eksempel til http://www.rob.dk/eksperten/hover_afvigelse.htm så du kan se det \'in action\' :o)

/Rob
Avatar billede hobbez Nybegynder
27. januar 2001 - 12:29 #4
Bemærk at jeg har væst at kalde den green - men det har INGEN forbindelse med farven. Jeg kunne lige så godt have valgt at kalde den noget andet.

/Rob
Avatar billede podata Nybegynder
27. januar 2001 - 17:21 #5
Indsæt en # og et nummer samt funktionen og de egenskaber du vil give den.

<style type=\"text/css\">
a:hover { color:blue }
#1 a:hover { color:green }
</style>

Så kan du nøjes med at tilføje ID=\"1\" i din url.

<a id=\"1\" href=\"din url\">almindeligt link</a>

:-)
Avatar billede hobbez Nybegynder
27. januar 2001 - 19:52 #6
podata >>

Er du sikker på at det virker når det er en HOVER ?? Det funker ikke hos mig når jeg tester det.

/Rob
Avatar billede podata Nybegynder
27. januar 2001 - 20:31 #7
UPS! det er rigtigt :::-((
Avatar billede ex_libris Nybegynder
29. januar 2001 - 21:22 #8
Mange tak for hjælpen hobbez :O)
Det var dejligt pædagogisk!

Avatar billede hobbez Nybegynder
20. juli 2001 - 00:51 #9
Kigger lige forbi, her små 6 måneder efter, og ser jeg har lavet en fejl i mit eksempel:

Sådan SKULLE de have set ud :o)



<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<style type=\"text/css\">
<!--
a:hover {  color: #CC0000}
a.green:hover {  color: #66CC00}

-->
</style>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<p>P&aring; denne side er links defineret til hover = r&oslash;d.</p>
<p>Dette er et <a href=\"http://www.rob.dk\">almindeligt link</a> med hover = r&oslash;d</p>
<p>Dette er et andet <a href=\"http://www.rob.dk\">almindeligt link</a> med hover
  = r&oslash;d</p>
<p>Men <a href=\"http://www.rob.dk\" class=\"green\">dette link</a>
  afviger da hover = gr&oslash;n</p>
<p>Dette er det tredje <a href=\"http://www.rob.dk\">almindeligt link</a> med hover
  = r&oslash;d</p>
<p>&nbsp;</p>
</body>
</html>


Der var med andre ord en overflødig  class=\"hover_green\"  i min kode :o)

Ordnung muss sein :o)

/Rob
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
AJAX kode -javascript Af Asky i Programmeringsværktøjer 2 15/05/202613:45 19/05/202621:09
PHP Html Af Asky i Programmeringsværktøjer 17 07/05/202614:15 19/05/202621:11
HTML Af Asky i Programmeringsværktøjer 0 06/05/202616:53 -
Hente CSV fil, indsætte CSV data i TABEL for JAVASCRIPT Af snestrup2000 i Programmeringsværktøjer 5 29/04/202619:37 02/05/202613:26
JAVASCRIPT omdan ekstern variabel til søjleværdi .. Af snestrup2000 i Programmeringsværktøjer 4 29/04/202611:38 01/05/202609:55
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:59 Fejl ved forsøg på åbning af Access mdb og mde Databaser Af Uvanga i Access
I går 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
White papers
Flere white papers »