Søg
Avatar billede funkyloonie Nybegynder
08. maj 2003 - 15:15 Der er 15 kommentarer og
1 løsning

Skifte farve på tekst

Jeg har et link liggende i et div tag (<div><a href=link>tekst som skal skifte farve</a></div>). det jeg vil er at teksten på linket skal skifte til en anden farve når musen bevæger sig over et billede et udefineret andet sted på grænsefladen. Jeg kan forestille mig at de kan løses vha. en id-attribut på div eller a tagget. Jeg er ikek helt sikker på hvordan det skal gøres, så hvordan kan et sådan eksempel se ud?
Avatar billede medions Nybegynder
08. maj 2003 - 15:17 #1
<style>
  a:link {color: #000000;}
</style>

//>Rune
Avatar billede funkyloonie Nybegynder
08. maj 2003 - 15:19 #2
ja. den kan jeg bruge hvis musen er over linket men musen er over et billede som ikke befinder sig mellem <a> og </a> tagget!
Avatar billede sierradriver Nybegynder
08. maj 2003 - 15:19 #3
Det skal du gøre med CSS (Cascading Style Sheet)

I <head> delen af din side, skal du indsætte følgende

<style type="text/css">
a:hover {color: den farve du vil skifte til;}
</style>

Læs evt mere om CSS på www.html.dk (http://www.html.dk/tutorials/css/) der har de en guide til hvad du kan med CSS...
Avatar billede medions Nybegynder
08. maj 2003 - 15:19 #4
Ahh okay .. sorry, jeg læste ikke spm'et!

<a href="link.asp" onmousemover="this.style.color='#000000;'" onmouseout="this.style.color='#ff0000'">tekst</a>

//>Rune
Avatar billede sierradriver Nybegynder
08. maj 2003 - 15:21 #5
"ja. den kan jeg bruge hvis musen er over linket men musen er over et billede som ikke befinder sig mellem <a> og </a> tagget!"


Nå, den havde jeg ikke lige fanget heller
Avatar billede roenving Novice
08. maj 2003 - 15:22 #6
<div><a href=link id="farveskift">tekst som skal skifte farve</a></div>

<img src="billede.gif" onmouseover="document.getElementById('farveskift').style='font-color:blue';">
Avatar billede medions Nybegynder
08. maj 2003 - 15:22 #7
Hov, der var lige et tegn der ikke var rigtig.. Den her virker:

<a href="link.asp" onmouseover="this.style.color='#000000';" onmouseout="this.style.color='#ff0000'">tekst</a>

//>Rune
Avatar billede medions Nybegynder
08. maj 2003 - 15:27 #8
roenving> getElementById virker kun i IE, så den er ikke god at bruge :-/

//>Rune
Avatar billede roenving Novice
08. maj 2003 - 15:27 #9
Og du skal vel have den tilbage, når mouse-out:

-- og så kan vi jo nøjes med at ændre farven (og med mulighed for at bruge hele skalaen):

<div><a href=link id="farveskift">tekst som skal skifte farve</a></div>

<img src="billede.gif" onmouseover="document.getElementById('farveskift').style.color='#808080';" onmouseout="document.getElementById('farveskift').style.color='#000000';">
Avatar billede roenving Novice
08. maj 2003 - 15:29 #10
>>Rune

Øeh ...
W3C DOM, NN6 og IE5+
Avatar billede medions Nybegynder
08. maj 2003 - 15:30 #11
Sorry, vidste ikke det med NN4! -men der er mange browsere som ikke vil tolke den!

MAC for et eksempel (er endda oxo IE browser) kan ikke tolke den!

//>Rune
Avatar billede roenving Novice
08. maj 2003 - 15:34 #12
Den skulle da meget gerne virke på en Mac, hvis du bruger IE5+ ?-)

I øvrigt skrev jeg NN6 (og der skulle være et +)
Avatar billede medions Nybegynder
08. maj 2003 - 15:36 #13
Selvf. vil det virke i browserversioner over NN6 ;o)
Men jeg har lige lavet et site (www.iba.dk) som oxo skulle virke på MAC, og der havde jeg store problemer når der blev brugt getElementById!

Men hvorfor ikke bruge document.all['idnavn'].color='#000000'; ?

//>Rune
Avatar billede roenving Novice
08. maj 2003 - 15:40 #14
Fordi document.all er en _ren_ M$-opfindelse og derfor

IE4+ og forøvrigt NN6- -- den dur kun i enkelte udgaver af Netscape og ifølge W3C er den deprecated!
Avatar billede funkyloonie Nybegynder
08. maj 2003 - 15:41 #15
Tak for hjælpen.
Avatar billede roenving Novice
08. maj 2003 - 15:42 #16
Velbekomme -- og tak for points ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 17:00 Film Server Af dcedata1977 i Andet software
I dag 12:56 Mistænkelige mails! Af ErikHg i E-mail
I går 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
White papers
Flere white papers »