creating a gradient design dont know how

gradient bg

[indodpendo]

I have been looking at the bg over at
[macromedia.com...]

I was wondering how would you go about making that.
I know how to use adobe photoshop but making a pic the size of a layout wouldnt be a option because of bandwidth issues and wouldnt think anyone would do that.
how would someone do this i maybe wrong.

Can anyone tell me how to mak a bg like that.
that wont eatup bandwidth .

[vabtz]

Make a 1px wide by 6000px high image.
Apply the gradient
Use CSS to set it as the background
use repeat-x to tile it from left to right

Experiment with the width of the image to get the best results. Some times tileing a one pixel wide image bogs down slow boxes.

[indodpendo]

i still dont get how it will make the bg like that.
im new to css i havent even added a image in css yet

[bunltd]

You'll create the image, then refer to it in your stylesheet, telling it to repeat, which will tile it across the screen. Something like this.

body{
padding :0;
margin :0;
background-image: url(yourbackground.jpg); 
background-repeat: repeat-x;
}

Hope that helps.

LisaB

[lZakl]

Go Here [macromedia.com]

That's the link to their BG image. It's only 4k and the size is 1px X 1,100px Save it and open it in Photoshop or whatever and you'll get what they did, and how repeat works. :0)

-- Zak