More Questions Than Answers

Dan Atrill's blog site

Background image CSS

A new layout for this site is coming along and the background is part of. Made in Photoshop it uses the technique of tiling a small image as a fill. By creating a small image (5px x 5px) and zooming, the pattern was created and then saved using Edit> Define pattern…. Create a new image (100 x 600), select Edit > Fill and choose the saved pattern. It tiles throughout the image which can then be saved out for the web (usually as a gif).
The CSS bit
In a stylesheet, for the body tag, include the lines:

background-image: url(/images/bg_new.gif);
background-repeat:repeat-x;

(Where the image is the one just created)
The new layout will materialise over the next few weeks, alongside a more complete admin tool. Details of this will be available in time at
MyUpdates.

Fri, November 25 2005 » Web developing

Leave a Reply