---
title: "<td> blir en pixel för bred"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/83274-td-blir-en-pixel-för-bred"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mika3l"
published: "2003-08-01T10:17:53.000Z"
updated: "2003-08-01T10:41:43.000Z"
replies: 4
views: 214
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/83274-td-blir-en-pixel-för-bred"
---

# <td> blir en pixel för bred

## #1 — Mika3l, 2003-08-01T10:17Z

Jag förstår inte varför men jag har en tabell med tre \<tr\> med \<td\>s i, storleken är ok på den översta och \<td\>n längst ner men i mitten så blir \<td\>n en pixel för bred, någon som kan förstå varför?

```
<table align="left" valign="top" cellspacing="0" border="0" style="width: 150px;">
 <tr style="height: 13px;">
  <td valign="middle" style="width: 150px; background: url('images/dotted_innehall.gif') no-repeat; padding-left: 4px;">
<font style="font-weight: bold; color: #FFFFFF;">Innehåll</font>
  </td>
 </tr>
 <tr>
  <td style="width: 150px; background: url('images/dotted_submenu.gif'); padding-left: 4px;">
Här ska det vara lite länkar.
  </td>
 </tr>
 <tr>
  <td valign="top" style="height: 7px; padding-top: 0px;">
<img src="images/dotted_submenu_bottom.gif" vspace="0" style="width: 150px; height: 7px; border: 0px;"><br><br>&nbsp;
  </td>
 </tr>
</table>
```

Tacksam för hjälp!

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

## #2 — dectgap, 2003-08-01T10:28Z

Du har horisontell padding i den tredje cellen, och en bild däri som är 150px bred. Därför blir cellen ovanför också knäpp.

Testa:

```
<table align="left" valign="top" cellspacing="0" border="0" style="width: 150px;">
 <tr style="height: 13px;">
  <td valign="middle" style="width: 150px; background: url('images/dotted_innehall.gif') no-repeat; padding-left: 4px;">
<font style="font-weight: bold; color: #FFFFFF;">Innehåll</font>
  </td>
 </tr>
 <tr>
  <td style="background-color: #00f; width: 150px; padding-left: 4px;">
Här ska det vara lite länkar.
  </td>
 </tr>
 <tr>
  <td valign="top" style="height: 7px; padding: 0px;">
<img src="images/dotted_submenu_bottom.gif" vspace="0" style="width: 150px; height: 7px; border: 0px;"><br><br> 
  </td>
 </tr>
</table>
```

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

## #3 — Mika3l, 2003-08-01T10:32Z

Bilden måste jag ha kvar, kan inte byta till en färg.
Testade att ta bort padding-left: 4px; men det var samma resultat ändå. :l

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

## #4 — dectgap, 2003-08-01T10:36Z

Du ska inte ta bort bilden, och inte heller ta bort "padding-left" i cell 2.

Testade du över huvud taget min kod?

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

## #5 — Mika3l, 2003-08-01T10:41Z

Aha, nu förstår jag, missuppfattade dig lite där. :)
Ändrade padding-top till padding och nu fungerar det, tack så mycket! :D

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/83274-td-blir-en-pixel-för-bred