---
title: "Luft runt bild i en <td>-cell med strict doctype. hur får man bort paddingen?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/177723-luft-runt-bild-i-en-td-cell-med-strict-doctype-hur-får-man-bort-paddingen"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mattias Nordin"
published: "2009-03-28T19:06:52.000Z"
updated: "2009-03-31T20:35:38.000Z"
replies: 6
views: 608
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/177723-luft-runt-bild-i-en-td-cell-med-strict-doctype-hur-får-man-bort-paddingen"
---

# Luft runt bild i en <td>-cell med strict doctype. hur får man bort paddingen?

## #1 — Mattias Nordin, 2009-03-28T19:06Z

Följande sida har loose doctype...

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
```

<http://www.barrelrace.se/start_en.asp>

Och där fungerar allt som jag förväntar mig att det ska göra. När jag sedan provar att köra en strict doctype så smyger det in sig luft i den översta \<td\> - cellen. Hur får jag bort detta?

Följande har en strict doctype...

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
```

<http://www.barrelrace.se/>

Den sista fungerar alltså inte som jag förväntar mig att det borde göra.

Tabellen som håller i den övre skuggeffekten ser ut så här:

```
<table cellpadding="0" cellspacing="0" border="1">
<tr><td><img border="0" src="_design/border_top.png"></td></tr>
<tr><td valign="top" background="/_design/border_middle.png">
<!-- BAKGRUND -->
<div style="margin-left:4px; margin-right:6px; height:100%; background-image:url(/_design/background_inre.png)">
...
```

 :stud

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

## #2 — Mattias Nordin, 2009-03-28T19:13Z

Ähhh... strunt samma. Jag byter till loose på alla. Drygt med tabeller i strict. Någon gång ska jag väl orka lära mig, men inte nu :)

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

## #3 — Troxy, 2009-03-29T15:37Z

Har inte kollat noggrant, men helt spontant tror jag det beror på den vertikala placeringen av inline-elements i strict mode:
<http://gtwebdev.com/workshop/gaps/image-gap.php>
<http://www.tightcss.com/bugs/image-align.htm>

Länkarna jag gav är ganska dålig, hittade inget bättre.
Lösningen är:

```
img { vertical-align:bottom; }
```

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

## #4 — Mattias Nordin, 2009-03-30T09:24Z

Jag ska testa lite senare. Vill börja använda strict men det är en del saker som tex denna som man blir tokig på.

Hur kan denna rad misstolkas?

\<tr\>\<td\>\<img border="0" src="\_design/border_top.png"\>\</td\>\</tr\>

Resultatet blir liknande...

\<tr\>\<td\>
\<br\>
\<img border="0" src="\_design/border_top.png"\>
\</td\>\</tr\>

I strict mode. Men det är väl till att lära om sig att göra rätt. :)

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

## #5 — rhdf, 2009-03-30T10:29Z

vi hade väl nåt liknande problem i en annan tråd nyligen
det gick fasiken inte att få bort det extra utrymmet där utan att sätta display:block på bilden
borde ju kunna lösas med en generell "regel" i css-filen
td img{display:block;}

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

## #6 — zcorpan, 2009-03-30T10:42Z

Det verkar aningen meningslöst att gå över till strict så länge du använder utskurna bilder i tabellceller. Det ger nog dig bara problem med mellanrum runt bilderna.

Om du vill "göra rätt" så borde du förmodligen börja med att gå ifrån layouttabeller.

<https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps>

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

## #7 — Troxy, 2009-03-31T20:35Z

> **[zcorpan skrev:](https://www.webforum.nu/p/1462222)**
>
> <https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps>

Danke! Det var den där länken jag hade i huvudet förut.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/177723-luft-runt-bild-i-en-td-cell-med-strict-doctype-hur-får-man-bort-paddingen
