I am wondering how to optimally implement a background/gradient for a website. I'm using dreamweaver. and example of a horizontal wallpaper that I would like to use would be similar to the background of: http://www.cavan.net/about.php I would like to achieve this by creating a small, repeating, file, as opposed to creating a large single image in photoshop. Also, I would like to know how people do gradients for backgrounds without them being large files for backgrounds. Thanks for your help!
If you would like it to repeat horizontally then just reduce the background width to 1px and enter this bit of css. body { background: url('images/background.jpg') repeat-x; } Hope that helps. Thanks, Saulie.
are you familiar with photoshop? If so, just create a file with the height of the gradient you want. Then choose the colors you want to make the gradient. Create a gradient that almost fills up the whole canvas. Then use the marquee tool to make a selection that is the height of the canvas but one pixel wide. then open up a new document (in photoshop). By default it should be 1px x the height of your gradient because it is in your clipboard. Save that file as an image. And use the code that Saulie posted That was kind of hard to explain, I'll see if I can find a tutorial. EDIT: I found one here: http://www.tizag.com/cssT/background.php its near the bottom of the page.