---
title: "Hover-effekt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/136182-hover-effekt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "lillebror"
published: "2005-10-22T13:43:57.000Z"
updated: "2005-10-22T14:40:52.000Z"
replies: 3
views: 347
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/136182-hover-effekt"
---

# Hover-effekt

## #1 — lillebror, 2005-10-22T13:43Z

Hej!

Sökte runt lite i forumet efter en hover-effekt jag var ute efter. Hittade några exempel som jag provade utan att uppnå det resultat jag ville ha

Bifogar en liten illustration på vad jag är ute efter. Har ett bildgalleri som man skall kunna ta bort bilder från. När jag för musen över bilden så vill jag att hela cellen antar en viss färg. Går detta att lösa? :)

Min nuvarande kod för varje cell:

```
<td style="text-align: center;"><img src="<? echo $picture['path'].$picture['filename']; ?>"><br /><a href="./deletepicture.php?pictureID=<?php echo $picture['thumbnailID'];; ?>">[Ta bort]</a></td>
```

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

## #2 — lillebror, 2005-10-22T14:11Z

Löst med --\> <http://www.webforum.nu/showthread.php?t=118850&highlight=hover+cell>

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

## #3 — lillebror, 2005-10-22T14:16Z

Jag var visst lite snabb med den lösningen. Den ändrade bakgrunden finfint. Dock fick jag denna effekt överallt där jag har td-elementet. 

Försökte skriva det dels som en class:

```
.picture td:hover
{
    background: #ECEDA1;
}
```

...samt som ett ID

```
#picture td:hover
{
    background: #ECEDA1;
}
```

...men inget av de fungeradde...

Några idéer?

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

## #4 — ejick, 2005-10-22T14:40Z

Med detta som utgångsläge är det ganska så enkelt att fixa till. bara att ändra padding och kantstorlek.
<http://www.webforum.nu/showthread.php?t=133119>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/136182-hover-effekt