---
title: "När man för muspekaren över en <td>..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/55858-när-man-för-muspekaren-över-en-td"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "trexter.com"
published: "2002-10-13T15:06:18.000Z"
updated: "2002-10-13T18:25:20.000Z"
replies: 7
views: 245
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/55858-när-man-för-muspekaren-över-en-td"
---

# När man för muspekaren över en <td>...

## #1 — trexter.com, 2002-10-13T15:06Z

så vill jag ett en en pixel tjock ram runt rutan poppar upp och att bakgrundsfärgen bytas.

Hur gör jag detta enklast?

 :)

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

## #2 — Dino, 2002-10-13T15:46Z

Här är ett sätt.

```
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
<!--
function doMe(bla,color){
   bla.style.border = '1px solid black'
   bla.style.backgroundColor = color
}
function dontdoMe(bla,color){
   bla.style.border = '0px solid black'
   bla.style.backgroundColor = color
}
//-->
</script>
</head>
<body>
<table>
   <tr>
      <td onMouseOver="doMe(this,'red')" onMouseOut="dontdoMe(this,'white')">Grr</td>
      <td onMouseOver="doMe(this,'blue')" onMouseOut="dontdoMe(this,'white')">Grr</td>
      <td onMouseOver="doMe(this,'#cccc99')" onMouseOut="dontdoMe(this,'white')">Grr</td>
   </tr>
</table>
</body>
</html>
```

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

## #3 — Sico, 2002-10-13T16:02Z

Vill man inte använda ditt sätt så kan man ju göra såhär :)

```
<td onmouseout="style.backgroundColor='#F6F6F6';" onmouseover="style.backgroundColor='#FFFFFF'">
```

Edit.
Haha, jag läste inte frågan bara rubriken :birp

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

## #4 — trexter.com, 2002-10-13T16:08Z

Tack men...

Om du kollar på denna sidan så ser du att övre delen av ramen inte verkar synas och att ramen visas runt texten, inte runt själv "\<td\>:n". Hur fixar jag detta?

<http://www.trexter.com/v2/a.html#>

 :)

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

## #5 — hypatia, 2002-10-13T17:45Z

Du har satt "onMouseOver..." i a-taggen, sätt den i td-taggen istället, som Dino visade. :)

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

## #6 — mikkeX, 2002-10-13T17:46Z

Flytta funktionen från taggen a till taggen td.

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

## #7 — trexter.com, 2002-10-13T17:52Z

Usch.. vad pinsamt. ;)
Jaja, i vilket fall verkar det inte bli mycket bättre. Jag vill att den vita rutan ska sträcka sig hela avståndet från den svart linjen upp till den vita.

Detta borde fungera, tycker jag, eftersom cellpadding är satt till noll. Finns det något smart knep eller måste jag lägga in en tom bild för att på så sätt fylla ut \<td\>:n?

 :)

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

## #8 — trexter.com, 2002-10-13T18:25Z

Det gick bra med en genomskinlig, en pixel tjock bild, nu gäller det bara att få menyn att inte hacka...
Några tips på hur detta ska gå till?

 :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/55858-när-man-för-muspekaren-över-en-td
