Stretched background gradient

[Zylstra]

A customer of mine wants a gradient background moving from one color to another color for a background.
I have done this before, but I can't remember how. I am in Kompozer, so my "extra special" tools are limited (I like Kompozer more than Dreamweaver anyways... it's Web Expressions that I miss).

Anyways, what are my options when it comes to creating something like this?

(I haven't been keeping my web design in practice very well lately)

Best,
Jesse Zylstra

[kpac]

For an image, use Paint.NET and select the two colours you want - one for top and one for bottom.
Next, use CSS to set the background image URL and the background-repeat to repeat-x. Then set the BG colour to the bottom gradient colour.

You might also be able to use JS. PHP can also do it I think.
JS: http://slayeroffice.com/code/gradient/

[Kip]

It probably does not matter much but I would you CSS instead of JavaScript because some people, including me, browse with JavaScript disabled by default.

To add a background using CSS in Kompozer...
1)  Go to "Format" in the menu bar and click "Page Colors and Background".
2)  Click "Advanced Edit" and go to the "Inline Style" tab.
3)  In the attribute field, type "background" and in the "Value" field, type "url('background_image.png') repeat-x".

In the value, "background_image.png" should be replaced with the image you choose and "repeat-x" will tile the image horizontally.

More information on the background attribute can be found here.

[kpac]

In the value, "background_image.png" should be replaced with the image you choose and "repeat-x" will tile the image horizontally.

And also, be sure to create the background image so it's only about 5 px wide to minimize loading time.