---
title: "CSS och cellproblem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/121645-css-och-cellproblem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mcfoist"
published: "2005-02-03T12:49:50.000Z"
updated: "2005-02-04T07:47:41.000Z"
replies: 5
views: 264
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/121645-css-och-cellproblem"
---

# CSS och cellproblem

## #1 — mcfoist, 2005-02-03T12:49Z

Hejsan!

Jag har sökt men inte lyckats/fattat hur jag ska lösa detta.

Jag har en stilmall med följande kod 

```
td.top_cell_menu { background-image: url(../img/bg_top_menu.gif); font-size: 10px; cursor: hand;}
```

Det jag nu vill är att när jag för musen över cellen som har ovanstående klass så ska den byta bakgrundsbild.

På sidan:

```
 <td width="110" height="21" align="center" valign="middle" class="top_cell_menu" 
onClick="parent.frame_main.location='sidan.html'">Till sidan</td>
```

Kan jag lösa detta i min stillmall eller är det onMouseOver i varje cell som måste till? ...hur ser då "anropet" ut...

Tacksam för svar

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

## #2 — martin, 2005-02-03T13:02Z

varför använder du inte a i cellerna, så du slipper javascriptet?

```
.top_cell_menu a {
    display:block;
    width:110px;
    height:21px;
    background-image: url(../img/bg_top_menu.gif);
    font-size: 10px;
}
.top_cell_menu a:hover {
    background-image: url(../img/bg_top_menu_hover.gif);
}
```

 

/ m a r t i n

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

## #3 — martin, 2005-02-03T13:06Z

Ibland kan IE:t vara dumt, och göra så att hela a-boxen inte är klickbar, då kan man testa att göra nåt sånt här: 

```
* html .top_cell_menu a {
    zoom:1.0;
}
```

 

Inte säker på att ie blir gladare, men det har hänt

/ m a r t i n

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

## #4 — mcfoist, 2005-02-03T14:01Z

funkar bra hurru =)

..nästan. I och med att jag skapade ett block i stilmallen så får jag inte texten att hamna centrerat i mitten i cellen. Det som står i HTML:n (align, valign) gäller inte utan texten hamnar centrerat top...

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

## #5 — martin, 2005-02-03T16:35Z

ja, det där är ju problem. Eftersom vertical-align inte funkar så bra, och box-modellen strular till det, men gör såhär i a-stylen (testa runt lite):

```
padding-top:3px;
height:18px
```

 
Det kan gå, fast då centreras det inte egentligen. Om det inte hade varit pixel-fast höjd, hadde du kunnat lösa dt helt med padding över och under.

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

## #6 — mcfoist, 2005-02-04T07:47Z

Taget!

tusen tack för hjälpen

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/121645-css-och-cellproblem