Gradient Background
- Started
- Last post
- 11 Responses
- ********
I would like to create a gradient background without it being tiled, similar to the one seen on www.macromedia.com. Any tips?
- nRIK0
but... that one is tiled :S
- ********0
If it is tiled, why doesn't it the image sequence continue beneath the original?
when i do it, the image tiles itself and it looks shite!
- spiralstarez0
Check out a good CSS tutorial or book. Peasy. You can control the direction of tiling
Body {
background:url(image.jpg) repeat-x
}'repeat-y' for the vertical
- dystopiapop0
dont forget to also specify the background-color of the container div or the html body as the bottom color of the fade.
- ********0
Thanks all.
Is this difficult to achieve with CSS?
- ********0
JavaScript is your answer, it can be easy achieved with that
- ********0
You can use the style tag to create a gradient background effect within your web page. This effect can be used for your entire web page background, or within your table cells.
To use the gradient effect as your web page background, use the following BODY tag:
To use the gradient effect within your tables, place the following code within your table tag:
style="filter:progid:DXImageTran... startColorstr='#FFFFFF', gradientType='0');"
Although you can edit the gradient colors indicated in red, keep in mind, in order for the effect to display properly, you must use a light color and a darker color.
- nosaj0
BG image 1pixel w and 2000 pixels h.
- ********0
The last post seems the easiest and quickest for the moment.
Thanks for your help all!!
- hiten0
NO! dont do that thats a terrible idea. Tiling a 2000px image when you dont have to. go here and download the background.zip file. I have setup a small simple sample for you using the macromedia gradient image.
- nRIK0
spiralstarez gave you all the CSS code you needed. bloody simple.