---
title: "OnMouseOver effekt med css?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/97596-onmouseover-effekt-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "macgunde"
published: "2004-02-17T21:22:27.000Z"
updated: "2004-02-18T12:07:41.000Z"
replies: 16
views: 512
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/97596-onmouseover-effekt-med-css"
---

# OnMouseOver effekt med css?

## #1 — macgunde, 2004-02-17T21:22Z

Undrar ifall det går att göra så att när man drar över muspekaren över en cell, så ska den byta bakgrundsfärg. Har för mig att jag hört/sett det innan, men minns ej vart. 

Någon som har förslag på lösning?

\--
Daniel

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

## #2 — icaaq, 2004-02-17T21:36Z

<http://www.deftcode.com/archives/stupid_css_tricks_trtd_hover.html>

Som det står där så funkar det inte i IE.

mv icaaq

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

## #3 — macgunde, 2004-02-17T21:50Z

Testade, men funkade inte så bra. Tackar ändå för tipset :)
Använder för tillfället: 
**"a:hover { background-color: #AAC3CF; text-decoration:  color: black; }"** 
Men den markerar bara texten...

\--
Daniel

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

## #4 — icaaq, 2004-02-17T22:01Z

Du kan ju kanske köra en med en gammal hederlig onMouseover="this.style.backgroundColor='#FFF000' / onMouseout="this.style.backgroundColor='#FF0000' på din tr  istället?

mv icaaq

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

## #5 — Okkido, 2004-02-17T22:04Z

```
<td class="tout" onmouseover="this.className='tin'" onmouseout="this.className='tou'" onclick="hihi.php'">Startsidan</td>
```

Går ju bra :)

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

## #6 — macgunde, 2004-02-17T22:07Z

Jag får testa detta imon... Tack för svaren

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

## #7 — macgunde, 2004-02-18T07:32Z

> **Okkido skrev:**
>
> ```
> <td class="tout" onmouseover="this.className='tin'" onmouseout="this.className='tou'" onclick="hihi.php'">Startsidan</td>
> ```
>
> 
> 
> Går ju bra :)

Hmm  kan du utveckla hur du menar...  Får det inte att fungera... :(

\--
Daniel

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

## #8 — icaaq, 2004-02-18T07:50Z

Vad får du inte att fungera?

mv icaaq

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

## #9 — macgunde, 2004-02-18T07:58Z

Det läggs till något jämte länken, kanske blir columnen bredare... 
Vart ska jag skriva in vilka färger som ska användas?

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

## #10 — icaaq, 2004-02-18T08:16Z

Kanske [detta](http://member.webforum.nu/1029/macgunde.htm) kan hjälpa dig...

detta med att kolumnen blir bredare vet jag inget om...posta din kod som du använder :)

mv icaaq

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

## #11 — macgunde, 2004-02-18T08:16Z

> **icaaq skrev:**
>
> Du kan ju kanske köra en med en gammal hederlig onMouseover="this.style.backgroundColor='#FFF000' / onMouseout="this.style.backgroundColor='#FF0000' på din tr  istället?
> 
> mv icaaq

Denna koden får jag att fungerar delvis nu, men bara när jag lägger onMouseOver... När jag lägger till onMouseOut så slutar det att fungera...  Du ser hur jag lagt in koden här...

```php
<tr onMouseover="this.style.backgroundColor='#AAC3CF' onMouseout="this.style.backgroundColor='#cccccc'<tr>
<td class="menu"><a href="#" class="menu">
V&auml;lj r&auml;tt tr&auml;ningsform</a></td></tr>
```

Ser du något fel?

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

## #12 — Jesper T, 2004-02-18T08:19Z

```
<tr onMouseover="this.style.backgroundColor='#AAC3CF'" onMouseout="this.style.backgroundColor='#cccccc'"><tr>
<td class="menu"><a href="#" class="menu">
V&auml;lj r&auml;tt tr&auml;ningsform</a></td></tr>
```

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

## #13 — macgunde, 2004-02-18T08:33Z

> **icaaq skrev:**
>
> Kanske [detta](http://member.webforum.nu/1029/macgunde.htm) kan hjälpa dig...
> 
> detta med att kolumnen blir bredare vet jag inget om...posta din kod som du använder :)
> 
> mv icaaq

Jag får detta att fungera nu :)    Ett mycket stort tack!!! :D

\--
Daniel

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

## #14 — macgunde, 2004-02-18T08:43Z

På denna adress så kan ni se hur det ser ut :)
<http://213.150.141.203/~danielpeterson/lgk/index.html>

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

## #15 — Jesper T, 2004-02-18T09:03Z

Tror att du har fått med lite källkod:

> **Ljungby gymnastikklubb skrev:**
>
> Styrketr&amp;auml;ningspass som bygger p&amp;aring; f&amp;ouml;rutbest&amp;auml;md

 ;)
Observera länken: Acceptera som slutgiltigt svar :)

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

## #16 — macgunde, 2004-02-18T09:06Z

Jo jag vet...

Ska göra en templates av sidan snart och lägga in alla avdelningars info... Doch fungerar bara JavaScriptet med dropdownmenyn i explorer... :(  men det får jag försöka fixa...

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

## #17 — PepeJeria, 2004-02-18T12:07Z

Exempelsidan ger mig massvis med Javascript errors i Mozilla.

Om du fortfarande är intresserad av att lösa detta med enbart CSS så kolla in detta:

```
<style type="text/css">
table a
{
	color:white;
	text-decoration:none;
	display:block;
	background:green;
}

table a:hover
{
	background:blue;
}
</style>

<table width="200">
<tr>
	<td><a href="#">Test</a></td>
</tr>
</table>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/97596-onmouseover-effekt-med-css