---
title: "Länkfärger!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/109865-länkfärger"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "huggerFanta"
published: "2004-08-23T13:36:30.000Z"
updated: "2004-08-23T14:09:44.000Z"
replies: 6
views: 428
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/109865-länkfärger"
---

# Länkfärger!

## #1 — huggerFanta, 2004-08-23T13:36Z

Hej!
Jag undrar om någon skulle kunna svara på en fråga, som jag inte finner någon lösning till?!?!?!?

Jag har en tabell med ett antal rader och 2 st kolumner.
Den första kolumnen är tom, endast till för att skapa luftspalt.
Nästa kolumn innehåller en länk.

När jag för musen över en rad byter jag bakgrundfärg på hela raden (båda kolumnerna).

Är det någon som vet hur jag samtidigt byter färg på länken. Enbart i denna tabell???

Jag hoppas och ber för att någon har en fungerande lösning på detta problem.

Tack på förhand!

Permalänk: https://www.webforum.nu/p/109865

## #2 — Insider, 2004-08-23T13:51Z

Visa oss den kod du använder nu.
Men det borde vara nånting i stil med 'color:#343'

Permalänk: https://www.webforum.nu/p/1418143

## #3 — huggerFanta, 2004-08-23T13:53Z

Så här ser koden ut idag:

  \<tr onMouseOver="this.style.backgroundColor='#6D6D6D';" onMouseOut="this.style.backgroundColor='#E2E2E2';""\>
    \<td height="25"\>\</td\>
    \<td\>\<a href="#" onMouseOver="this.class='menuBlack';" onMouseOut="this.class='menuWhite';"\>Kontakta oss\</a\> \</td\>
  \</tr\>

Försökte få den att byta class när man förde över musen, men det fungerade inte som jag trodde att det skulle göra!

Permalänk: https://www.webforum.nu/p/1418145

## #4 — dectgap, 2004-08-23T13:56Z

Ändra

```
this.class
```

till

```
this.className
```

Just "class" är reserverat till objekt i JavaScript, och därför används "className" istället.

Permalänk: https://www.webforum.nu/p/1418146

## #5 — huggerFanta, 2004-08-23T14:01Z

OK! Det fungerar halvvägs!

Tänkte mig att man kunde få texten (länken) att byta färg även när man för musen över tabellen (raden)!

Kan man få till det?

Permalänk: https://www.webforum.nu/p/1418148

## #6 — Insider, 2004-08-23T14:06Z

Fungerar inte

```
<tr onMouseOver="this.style.Color='#6D6D6D'"
```

?

Permalänk: https://www.webforum.nu/p/1418154

## #7 — dectgap, 2004-08-23T14:09Z

Så här skulle jag nog ha skrivit det:

```
<style type="text/css">
tr.menuBlack { background-color: #6D6D6D; }
tr.menuWhite { background-color: #E2E2E2; }

tr.menuBlack a { color: #000000; }
tr.menuWhite a { color: #ffffff; }
</style>

...

<table>
 <tr class="menuWhite" onMouseOver="this.className='menuBlack'" onMouseOut="this.className='menuWhite'">
<td height="25"></td>
<td><a href="#">Kontakta oss</a> </td>
</tr>
</table>
```

Permalänk: https://www.webforum.nu/p/1418155

---

Tråden på webben: https://www.webforum.nu/amne/html-css/109865-länkfärger