I'm not 100% sure whether this is HTML/CSS or Javascript... So sorry in advanced... I have just purchased 2 images (headers) One is a image which I plan to have at the top of my page in the centre Second is a 'buffer image' which I plan to have beside that image -filling/tiling the screen until 100% is filled... -So it looks like one image along the whole screen/header... (56px height) But I have no idea how do to this? Can someone please explain (Or point to a tutorial?) Thanks alot... James
<!-- The background image of the DIV element will be repeated on x axis / the DIV is 56px height --> <div style="background-image: url(http://static.php.net/www.php.net/images/php.gif); background-repeat: repeat-x; height: 56px"> <!-- The IMG is centered along the DIV --> <center><img src="http://static.php.net/www.php.net/images/php.gif"></center> </div> Code (markup):