PDA

View Full Version : Texture and gradient in background


McDuff
03-12-2008, 01:33 PM
With help of css, we keep our sites 800 px wide, and a white or simply colored background surrounding it.

For two of our sites working with historic themes, I would like to make that wider background in a color gradient, if possible with a bit of texture (like historic old documents, not very original, but better than white).

Tried some quick searches, but did not find a good thread, anybody an idea?

I also looked for how to make a background image that fills the whole screen, regardless of browser or monitor resolution, for example through a stretching image. The web search I did showed that this is rather difficult, without a good solution that satisfies all browsers and monitor resolutions, and also keeps a good image quality. Anybody experiences with that?

Thanks
McDuff

Arthur
03-13-2008, 09:19 AM
You can create a color gradient and stretch it horizontally (or vertically) without losing any quality, or you can repeat the image horizontally/vertically. If you want a textured/patterned background, you'll want to look at a tiled background.

Does this help? ; CSS Repeating Backgrounds (http://www.jacorre.com/design/cssbackgrounds.htm)

-Arthur