Hur får jag in bakgrundsbild?

5 svar · 440 visningar · startad av Alexia 23 sep. 2006

AlexiaMedlem sedan mars 200648 inlägg

Frågan23 sep. 2006 20:58#1

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

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

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

kaxigtMedlem sedan okt. 2004636 inlägg

23 sep. 2006 21:10#2

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

AlexiaMedlem sedan mars 200648 inlägg

23 sep. 2006 22:03#3

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

AlexiaMedlem sedan mars 200648 inlägg

23 sep. 2006 22:35#4

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! :)

jarvkloMedlem sedan juli 20013 378 inlägg

24 sep. 2006 09:04#5

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

AlexiaMedlem sedan mars 200648 inlägg

24 sep. 2006 10:14#6

jarvklo: stort TACK! :birp

Det löste min gåta! :L

Glada hälsningar
/Alexia