Avatar billede yev Nybegynder
23. marts 2005 - 23:01 Der er 10 kommentarer og
2 løsninger

Skifte farve på tekst

Hej

Navigeringsmenuen på min hjemmeside er implementeret ved brug af en html-table. Ved at benytte javascript kan jeg ved mouseover events skifte farve på cellen i tabellen, når musen køres ind i en celle.

Det jeg ønsker er, at farven på teksten i cellen ligeledes skal skifte farve, ikke når musen bevæges ind over teksten, men når musen bevæges ind over cellen, som teksten befinder sig i. Kan dette lade sig gøre?
Avatar billede jannikf Nybegynder
23. marts 2005 - 23:22 #1
<td onMouseOver="this.bgColor='FFFFFF';" onMouseOut="this.bgColor='';" bgcolor="">

FFFFFF = Hvid, denne skal så bare ændres til hvad du ønsker.

Dog er 200 point måske lige i overkanten.
Avatar billede knudgert Nybegynder
23. marts 2005 - 23:47 #2
> jannikf det ændrer jo baggrundsfarve, som jeg forstår det, så er det tekstfarven, der ønskes ændret og så vil jeg foretrække at definere det med css.

<td onMouseOver = "this.style.color='blue';"
    onMouseOut = "this.style.color='green';">
Avatar billede yev Nybegynder
23. marts 2005 - 23:53 #3
Jeg har muligvis ikke forklaret mig tydeligt nok.

Jeg har en tabel, hvori der er noget tekst. Hver celle i tabellen fungerer som links. Når musen bevæges ind i cellen og ikke nødvendigvis indover teksten, så ønsker jeg at teksten skal skifte farve.

Det er nemt at få cellen til at skifte farve. Det gøres som jannikf beskriver.
Ligeledes er det nemt at få teksten til at skifte farve som knudgert beskriver. Men jeg ønsker at få teksten til at skifte farve, når der foregår en mouseover på cellen, hvor teksten står i.
Avatar billede knudgert Nybegynder
24. marts 2005 - 05:22 #4
Det skulle det da også meget gøre på den måde, som jeg skrev.
Hvis ikke, så er der noget andet galt.

http://ellentoft.1go.dk/test/tabel.htm
Avatar billede steen_hansen Forsker
24. marts 2005 - 11:56 #5
Dit CSS:

a.menu, a.menu:link, a.menu:visited {
display: block;
width: 138px;
font-family: verdana, helvetica, tahoma, arial;
font-weight: bold;
font-size: 11px;
color: #e7e7e7;
background-color: #6b707b;
text-decoration: none;
padding: 3px 10px 3px; 10px;
}
a.menu:hover {
color: #000;
background-color: #b1b5bc;
text-decoration: none;
}


Dit HTML-dokument:

<a href="#" class="menu">Link</a>
Avatar billede yev Nybegynder
24. marts 2005 - 11:57 #6
Knudgert, du har helt ret. Men mit problem er alligevel en anelse sværere. Teksten der står i tabellen er et link, og så fungerer det ikke. Problemet er, at jeg egentlig gerne ville nøjes med at benytte tabel-cellen som link, men dette understøttes ikke af Netscape. For Netscape-brugerne er jeg nødt til at have et ekstre a-tag om selve teksten...

Kan dette så overhovedet lade sig gøre?
Avatar billede steen_hansen Forsker
24. marts 2005 - 11:59 #7
Dit HTML-dokument:

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
    <tr>
        <td align="left"><a href="#" class="menu">Link</a></td>
    </tr>
</table>
Avatar billede yev Nybegynder
24. marts 2005 - 12:10 #8
Knudgert: Tak for din indsats og for hjælpen. Steen Hansens svar passer dog lige i mit tilfælde.

Steen Hansen: Dit bud er perfekt! Fordi med css virker celle-links også i Netscape. Kast et svar...!

Tak til jer begge! ;)
Avatar billede yev Nybegynder
24. marts 2005 - 12:16 #9
Steen Hansen, har lige set, at man kan dele point. Vil også gerne give lidt for Knudgerts indsats. Så Knudgert kast et svar også.... ;)
Avatar billede yev Nybegynder
24. marts 2005 - 12:18 #10
Sorry....kom til at acceptere...!
Avatar billede steen_hansen Forsker
24. marts 2005 - 12:24 #11
Glæder mig det kunne bruges :)

Hvis knudgert skal have nogle af pointene, opretter jeg bare et spørgsmål. Hvor mange skal han have? :)
Avatar billede knudgert Nybegynder
24. marts 2005 - 17:29 #12
Det er ligemeget - ellers tak.
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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging