Background Image...

[DJ_Guvana]

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]

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

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

That should solve your problem.

 

[PoorDoggie]

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:

<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]

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

 

[StudioWorks]

More on background-repeat function :

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

Hope this helps,

- SW