---
title: "Cell som länk samt mouseover"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/144672-cell-som-länk-samt-mouseover"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "HammerBoy"
published: "2006-03-28T11:00:22.000Z"
updated: "2006-03-29T16:21:50.000Z"
replies: 3
views: 397
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/144672-cell-som-länk-samt-mouseover"
---

# Cell som länk samt mouseover

## #1 — HammerBoy, 2006-03-28T11:00Z

Jag har en tabell med en tabellrad som har 3 celler.

\<table\>
\<tr\>
\<td\>\<a href="#"\>namn\</a\>\</td\>
\<td\>\</td\>
\<td\>\<a href="#"\>datum\</a\>\</td\>
\</tr\>
\</table\>

Nu vill jag följande:
1 vid onmouseover någonstans på tabellraden så ska hela tabellraden ändra färg
2 hela tabellraden ska vara klickbar

Jag kan fixa 1:an och 2:an med CSS... dock var för sig och inte samtidigt!
Någon som vet hur man kan få detta att fungera?

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

## #2 — caya, 2006-03-29T08:51Z

varför inte göra en lista istället?
mer cssvänligt framför allt...
\<ul\>
\<li\>\<a href="#"\>namn\</a\>\</li\>
\<li\>\<a href="#"\>datum\</a\>\</li\>
\</ul\>

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

## #3 — HammerBoy, 2006-03-29T12:35Z

Intressant förslag men det gör sig inte i min design.
Å andra sidan så har det hela fått en trevlig lösning...

\<tr onmouseover="byt färg med css" onmouseout="byt tillbaka" onclick="location='dit jag ska vid klick';" style="cursor:hand"\>

Tänk att lösnigen kunde vara så enkel :)

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

## #4 — bossse, 2006-03-29T16:21Z

Slänge ihop ett litet exempel, kan det passa tro?

```
<HTML> 
<HEAD> 
<style type="text/css">
a {cursor:hand; color:red;}
table {width:400; height:200;  border:1px solid black;} 
a.td1 {width:400; height:100%;border:1px solid black;} 
.td2 {width:400; height:100%; border:1px solid black;} 
</style> 
</HEAD> 
<BODY BGCOLOR=gray> 
<table> 
<tr> 
<td onMouseOver="this.style.backgroundColor='lightgreen';" onMouseOut="this.style.backgroundColor='green';">
<a href="http://www.google.se" class="td1">Google</a>
</td> 
</tr> 
<tr> 
<td onMouseOver="this.style.backgroundColor='lightblue';" onMouseOut="this.style.backgroundColor='blue';" > 
<a href="http://www.yahoo.se">Vanlig länk, bara en hand på själva länken</a>
</td> 
</tr> 
</table>
</BODY> 
</HTML>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/144672-cell-som-länk-samt-mouseover
