---
title: "Mellanrum mellan bild och border"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/106523-mellanrum-mellan-bild-och-border"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "magnusfernstrom"
published: "2004-07-01T11:14:07.000Z"
updated: "2004-07-01T12:54:23.000Z"
replies: 10
views: 371
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/106523-mellanrum-mellan-bild-och-border"
---

# Mellanrum mellan bild och border

## #1 — magnusfernstrom, 2004-07-01T11:14Z

Jag har denna kod:

```
<table border="0" cellpadding="0" cellspacing="0">
 <td width="600" height="70" valign="top" align="left" bgcolor="#EEEEEE" class="table_text" style="border: 1px, solid;" bordercolor="#AAAAAA">
 <img src="pic_utfyllnad.gif" border="0">
 </td>
</table>
```

Men det blir likt förbannat ett ganska stort mellanrum mellan själva bilden och bordern, varför?

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

## #2 — frankof, 2004-07-01T11:16Z

har inte testat, men padding på \<img\>?

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

## #3 — toha, 2004-07-01T11:17Z

hur ser css-classen "table_text" ut? har inte den nån padding?

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

## #4 — magnusfernstrom, 2004-07-01T11:19Z

CSS-klassen:

```
.table_text

   {
   font-family: verdana;
   font-size: 11px;
   font-weight: none; 
   color: #555555;
   }
```

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

## #5 — jarvklo, 2004-07-01T11:26Z

Du är inte den första som åkt på liknande problem den sista tiden ;)

Men som tur är finns en lösning:

Två orsaker - men dessa uppträder inte nödvändigtvis i samma webbläsare ;)
1) Du har mellanslagstecken och radbrytningar före och efter bilden - vikla "ritas ut" som - ett mellanslagstecken före och ett efter (pga att bilden inte är ett "block" utan en "inline box". Detta kan du (om du vill "fula dig") fixa med att lägga till 

```
font-size:0; line-height:0:
```

 i \<td\>-taggens CSS...
2) Men även om du tar bort dessa så kommer vissa webbläsare att "ge plats" för dem om du inte ställer in 

```
img {display:block;}
```

 på img så att du får den att bete sig som ett "äkta" block...

Så - tag bort mellanslagen+radbrytningarna runt bilden och sätt också dit ett display:block på \<img\> är mitt tips!

Red: Jag antar att bilden \*garanterat\* är minst 600x70 stor också ;)

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

## #6 — magnusfernstrom, 2004-07-01T11:37Z

jarvklo; mannen som har svar på allt inom området ;) Tack så hemskt mycket. Tack även toha och frankof!

/Magnus

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

## #7 — Melea, 2004-07-01T12:29Z

Jag hade annars löst det så här enkelt:

```
<style type="text/css">

.photo_padding {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 3px;
}

</style>

<img src="bild.gif" class="photo_padding" alt="" />
```

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

## #8 — magnusfernstrom, 2004-07-01T12:47Z

Melea: Tack så hemskt mycket för ditt förslag, men jarvklos fungerar excellent, så jag kör på det tillsvidare ;)

Men när vi ändå är inne på det här med avstånd och mått och grejor så tänkte jag fråga en sak ;)

När man skriver så här:

```
<p class="rubrik">STARTSIDAN</p>

<p class="text">Hej, detta är en text</ p>
```

Blir det ju ett på tok för stort mellanrum mellan dessa. Går det på något sätt att förhinda radbrytningar genom \<p\>?

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

## #9 — Melea, 2004-07-01T12:50Z

```
<style type="text/css">

p {
	margin: 0px;
	padding: 0px;
}

</style>
```

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

## #10 — magnusfernstrom, 2004-07-01T12:51Z

Nej men! Tackar så hemskt mycket, än en gång :)

Jag känner mig väldigt dum mot er :P

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

## #11 — silfver, 2004-07-01T12:54Z

> **magnusfernstrom skrev:**
>
> Melea: Tack så hemskt mycket för ditt förslag, men jarvklos fungerar excellent, så jag kör på det tillsvidare ;)
> 
> Men när vi ändå är inne på det här med avstånd och mått och grejor så tänkte jag fråga en sak ;)
> 
> När man skriver så här:
>
>
> ```
> <p class="rubrik">STARTSIDAN</p>
> 
> <p class="text">Hej, detta är en text</ p>
> ```
>
> 
> Blir det ju ett på tok för stort mellanrum mellan dessa. Går det på något sätt att förhinda radbrytningar genom \<p\>?

Blir det inte bara lustigt med marginalerna i IE? :) Mellan \<p\> menar jag. :)

**r/** Fast du kanske inte ville ha marginaler alls. :e

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/106523-mellanrum-mellan-bild-och-border