---
title: "Hur får jag in bakgrundsbild?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/151681-hur-får-jag-in-bakgrundsbild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Alexia"
published: "2006-09-23T20:58:27.000Z"
updated: "2006-09-24T10:14:18.000Z"
replies: 5
views: 462
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/151681-hur-får-jag-in-bakgrundsbild"
---

# Hur får jag in bakgrundsbild?

## #1 — Alexia, 2006-09-23T20:58Z

Hej! Jag vilja ha en bakgrundsbild (dvs ett mönster som upprepas) *bakom* mittfältet där texten ligger mot vit bakgrund.
[Se hur det ser ut nu](http://www.strangelove.se)

Just nu ser body-koden i min style.css ut så här:

```php
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
	color:#333;
	line-height: 140%;
	background-color: #FD9814;	
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
	img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
	.right { float: right; }
	.left { float: left; }
```

Som ni ser så har jag en background-image, men det är en bild som ser till att det är vitt bakom texten och fade i kanterna.

Det jag vill är alltså att ha ett mönster som ligger i bakgrunden/flödar på sidorna där det nu är enfärgat orange.

Hur gör jag???   :q

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

## #2 — kaxigt, 2006-09-23T21:10Z

Alltså om jag har fattat dig rätt så vill du ha en bakgrundsbild istället för den oranga färgen - stämmer det? 

testa detta:
body{
background:#FD9814 url(images/bakgrundsbilden.jpg) left top repeat;}

och i din div id="wrap" lägger du in detta (den vita bilden med fadade kanter.
\#wrap {
background:#transparent url(bilder/bild.gif) repeat-y left top; }

Vad du då har gjort är att ha lagt in en bakgrundsbild för hela body och en bakgrundsbild i layouten - den vita bakgrundsbilden. 

Om det inte är detta du menar så får du förklara dig lite bättre.

mvh/Lena

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

## #3 — Alexia, 2006-09-23T22:03Z

Det stämmer! Jag ska genast testa! :)

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

## #4 — Alexia, 2006-09-23T22:35Z

Testade men allting knasade ur och det såg ut som allt innehåll på sidan spred ut sig, huller om buller...

Men det verkar ändå som om du förstod min fråga:

Jag vill alltså ha in ett bakgrundsmönster där det nu är enfärgat orange, dvs på sidorna.

Det som är vitt bakom texterna och headern, med fadade kanter, är en bg-bild som är centrerad, ligger i bodykoden och är 680x5 i storlek.

Tack för hjälpen!   :)

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

## #5 — jarvklo, 2006-09-24T09:04Z

Hmm...

Man kan ha olika bakgrundsbilder på html och body och få bägge att visas överlappande (den för body-elementet hamnar ovanpå den för html-elementet)...

Du borde alltså kunna få till det du vill i din CSS genom att flytta den orangea bakgrundsfärgen från body till html, och lägga bakgrundsbilden på html-elementet istället...

dvs tag bort background-color: #FD9814; från body och lägg till

```
html{
background:#FD9814 url(images/bakgrundsbilden.jpg) left top repeat;}
```

istället

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

## #6 — Alexia, 2006-09-24T10:14Z

**jarvklo**: stort TACK!   :birp 

Det löste min gåta!   :L 

Glada hälsningar
/Alexia

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/151681-hur-får-jag-in-bakgrundsbild