How did they do that? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

mjl -> How did they do that? (12/31/2006 12:12:37)

Hi,

I'm trying to create a gradient fill for the background of my site, similar to that on http://www.thinslice.net

So far I have -

background : url(image.gif);
background-repeat: repeat-x;

Of course, this repeats the image across the top of the screen which is just what I'm after. Only, the rest of the background below is white. If only I could set the rest of the background to be the light shade of blue, I'd be happy.

Any ideas?

Thanks,

Mark



Donkey -> RE: How did they do that? (12/31/2006 13:04:05)

Assuming you have made your gradient gif running down from a dark blue to a light blue, give the background a colour to match the light blue. 
background-image: url(../images/image.gif);
background-repeat: repeat-x;
background-color: light-blue;
Replace the words "light-blue" with the hex code of the light blue colour.

It is always a good idea to keep your images in a separate directory. Usually called "images" inside the root directory.



mjl -> RE: How did they do that? (1/1/2007 10:36:24)

Cheers Donkey! That worked a treat.

Thanks again,

Mark



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625