---
title: "Länkar och CSS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/54794-länkar-och-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Virrdo"
published: "2002-10-01T17:48:34.000Z"
updated: "2002-10-01T20:18:30.000Z"
replies: 2
views: 230
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/54794-länkar-och-css"
---

# Länkar och CSS

## #1 — Virrdo, 2002-10-01T17:48Z

Jag har en tabell med diverse celler. I varje cell finns en länk och till denna länk hade jag tänkt att bakgrundsfärgen på cellen ska ändras när man trycker på länken, hur gör jag detta? Skriv gärna in flera alternativ. Har själv försökt, men utan godtyckligt resultat...

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

## #2 — Dino, 2002-10-01T18:11Z

Så här kanske:

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function color(vilken,bla){
	//document.write(vilken,bla)
	document.getElementById(vilken).style.backgroundColor = bla
}
//-->
</script>
</head>
<body>
<table border="1" width="200">
<tr>
	<td id="one"><a href="javascript:void(0)" onClick="color('one','red')">Röd</a></td>
	<td id="two"><a href="javascript:void(0)" onClick="color('two','blue')">Blå</a></td>
	<td id="three"><a href="javascript:void(0)" onClick="color('three','green')">Grön</a></td>
	<td id="four"><a href="javascript:void(0)" onClick="color('four','purple')">Lila</a></td>
</tr>
</table>
</body>
</html>
```

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

## #3 — mikkeX, 2002-10-01T20:18Z

Om du vill låta bli att använda javascript (eftersom detta är postat i html/css forumet :) ), så kommer här en ren css-lösning:

```
<style type="text/css">
.box {
background:#333;
border:1px solid #000;
width:200px;
color:#000;
padding: 5px;
text-align:center;
}
.box a
{
display: block;
}
.box a:hover
{
background:#cccccc;
color:#000;
width:100%;
}
</style>
```

Och på sidan:

```
<table>
<tr>
<td class="box">
<a href="lank.htm">Min länk</a>
</td>
</tr>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/54794-länkar-och-css
