---
title: "Linje runt en bild med css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/141547-linje-runt-en-bild-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mackanz"
published: "2006-01-26T15:07:57.000Z"
updated: "2006-01-31T10:56:59.000Z"
replies: 16
views: 636
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/141547-linje-runt-en-bild-med-css"
---

# Linje runt en bild med css

## #1 — mackanz, 2006-01-26T15:07Z

Hej!

Hu gör man sådant här?

Jag vill på mina bilder ha en ram runt dem men det ska se ut som bifogade bilden.

Man kan ju göra bilderna så i photoshop, men jag vill inte göra om alla bilderna på hemsidan. 

Någon som vet hur man löser detta med css???

Bilagor:

- [css_linje_hur.jpg](https://www.webforum.nu/a/9443.jpg)

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

## #2 — silfver, 2006-01-26T15:19Z

Lägg bara till en border på bilden. 

```
img.bild {
	border: 1px solid black;
	padding: 2px;
}
```

 Väldigt enkelt. :)

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

## #3 — mackanz, 2006-01-26T15:22Z

tackar, tänk så enkelt.
Har sökt men inte hittat.
Tusen tack!!!!

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

## #4 — oskob, 2006-01-26T18:52Z

Accepto!

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

## #5 — mackanz, 2006-01-30T11:15Z

I bland förhastar man sig. det har jag gjort nu. Jag acceptea svaret utan att först testa.

Jag får inte detta att fungera.

Jag får en ram kring bilden men ingen padding. vad är det som är fel?

<http://www.markuz.se/test/test.htm>
<http://www.markuz.se/test/global.css>

Har Intenet Explorer 6.0

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

## #6 — silfver, 2006-01-30T11:21Z

Du har ju samma bakgrundsfärg som bordern. Byt.

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

## #7 — mackanz, 2006-01-30T11:23Z

Funkar ändå inte på något konstigt vis.

Jag får ramen, men inget utrymme mellan ramen och bilden

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

## #8 — Insider, 2006-01-30T11:49Z

```
spacing: 5px
```

Ta bort!

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

## #9 — mackanz, 2006-01-30T11:51Z

Funkar fortfarande inte.

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

## #10 — zcorpan, 2006-01-30T11:54Z

Lägg till en doctype som triggar standards mode i IE6. Tex den här:

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

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

## #11 — mackanz, 2006-01-30T11:57Z

Nu fungerade det till viss del.

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

## #12 — mackanz, 2006-01-30T12:46Z

Vet ni också varför delar av min css slås ut när jag sätter dit:

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

 

Det som händer är att rullningslisten bland annat blir grå och ful.
Tar jag bort Doctypen så funkar allt untom ramen till bilderna.

Kan det ha med att css-filen int är helt ok?

Har aldrig varit med om detta förut.

<http://www.markuz.se/dansband_om.htm>
<http://www.markuz.se/global.css>

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

## #13 — tanten, 2006-01-30T13:35Z

Du har en hel del fel i css
bordercolor ska vara border-color
färger måste ha #framför 
 du har två stycken } efter sig under img.bild
det saknas ; på några ställen.

så bör du nog lägga in denna också i din header. Sidan går inte att validera.
\<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"\>

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

## #14 — zcorpan, 2006-01-30T13:59Z

För att färga rullningslisterna i IE6 i standards mode måste du selektera html istället för body. Om du vill att det ska funka i båda lägena kan du selektera båda:

```
html, body { /* scrollbar-krims-krams */ }
```

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

## #15 — mackanz, 2006-01-31T10:35Z

hur menar du med att selektera?
kan någon ge mig mer utförligt exempel?

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

## #16 — zcorpan, 2006-01-31T10:53Z

Med "selektera" menar jag den här biten:

```
html, body
```

Alltså vad du har i din [selektor](http://www.456bereastreet.com/archive/200509/css_21_selectors_part_1/). Just nu har du bara "body"; ändra det till "html, body" så borde det funka.

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

## #17 — mackanz, 2006-01-31T10:56Z

ok, löste det. tack så mkt

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/141547-linje-runt-en-bild-med-css
