Hjelp med bakgrunnsbilde!

[E.T]

Heisann, er det noen som har tips til hvordan jeg kan legge inn en grsdient til bakgrunnsbilde? hvilken størrelse må den være? Hva slags kode kan den føre?

 

Bilde av gradienten: www.vaffel-prod.com/home/bilder/background.jpg

Siden den skal være på: www.vaffel-prod.com

[mikk-]

Såvidt jeg kan se, har du to muligheter.

 

1: Lag en gradient som går tilbake til utgangspunktet. Fra rød til grønn og tilbake til rød. Denne kan da repeteres.

 

2: Bruk samme bakgrunnsfarge som den siste fargen i gradienten. Bruk repeat: x; og repeter gradienten kun i bredden. Gradienten vil da stoppe, og fortsette med den siste fargen.

 

Husk at du ikke trenger å bruke brede bilder. Bildet kan være smalt. Prøv med rundt 40 px, for eksempel.

[Gjest Slettet-df17e]

Om jeg skjønte deg riktig så er bare ta det bakgrunds bilde du har nå, inn i photoshop og la bredden på bilde være 5px eller noe sånt. Så skriver du CSS'n:

body { background: url(her/ligger/background.jpg) #hex repeat-x; }

[E.T]

Æsj, funka ikke med

 

html, body {

background: url("http://vaffel-prod.com/home/bilder/background.jpg") #hex repeat-x;

 

[Dunestar]

Æsj, funka ikke med

 

html, body {

background: url("http://vaffel-prod.com/home/bilder/background.jpg") #hex repeat-x;

 

body { background: url('http://vaffel-prod.com/home/bilder/background.jpg') #FFF repeat-x;

 

' istedenfor ".

[PoleCat]

Dunestar: Det skal ikke ha noen betydning. Tror heller det er fordi han har skrevet #hex der fargekoden skal være. X'en finnes nemlig ikke i den "rekken".

EDIT: Ikke "h" heller, for den saks skyld.

Endret 5. januar 2005 av PoleCat

[huf]

Det funker fint uten noe også i background-taggen. Bare fjern ' eller ". Trenger ikke være der.

 

Det skal vel strengt tatt være "body, html" også. Selv om dette sikkert ikke betyr noe. Er i hvert fall det majoriteten her bruker.

 

EDIT: ser ut som w3c vil ha '.

Endret 5. januar 2005 av huf

[E.T]

Funket når jeg endret det til background-image: blablabla; repeat: x;

 

Thx for all hjelp!