Background Image...

DJ_Guvana · Jun 23, 2005

Hi all

I created a background image. ( 30x700 ) With a gradient on it, so it repeats and looks like the backgrounds fading, but it also repeats downwards, and spoils it, is there anyway to make the background image fit perfect?

Regards

kpm547 · Jun 23, 2005

Use cascading stylesheets to set your background. Add this code to the body or what ever element you want the background in.

Code:

<body style="background-image:"image.jpg";background-repeat:repeat-x;">

That should solve your problem.

PoorDoggie · Jun 23, 2005

DJ_Guvana said:
Hi all

I created a background image. ( 30x700 ) With a gradient on it, so it repeats and looks like the backgrounds fading, but it also repeats downwards, and spoils it, is there anyway to make the background image fit perfect?

Regards

do you mean you want to stretch your picture on the page? You can't do that, but what you can do is make the gradient biger, so it is as high as a standard page, then put this in the head section of your site:

Code:

<style>
body{
background-image: url('##PATH TO IMAGE HERE##');
background-repeat: repeat-x;
background-attachment: fixed;
}
</style>

Have a look at the effect that produces, it is probably the nearest you will come, without using layers, which is very complicated (i think anyway)

Tom

Rowan W · Jun 23, 2005

Using "repeat-x" or "repeat-y" in the CSS will make the background repeat in only that direction.

StudioWorks · Jun 24, 2005

More on background-repeat function :

http://www.devguru.com/Technologies/css/quickref/css_backgroundrepeat.html

Hope this helps,

- SW

Background Image...

Account Closed

Established Member

Soon to be RICHdoggie!VIP Member

Established Member

no one lives foreverVIP Member

BeneficialServices.com

Novelle.xyz

aisystemrecovery.com

OldBlue.com

ZarWallet.com

AirtaxiVuelos.com

towinglogistics.com

vrscientist.com

FriendsBenefits.com

WorkAtHome.us

Similar threads

We're social

BeneficialServices.com

Novelle.xyz

aisystemrecovery.com

OldBlue.com

ZarWallet.com

AirtaxiVuelos.com

towinglogistics.com

vrscientist.com

FriendsBenefits.com

WorkAtHome.us

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling