# Multiple background images

**URL:** <https://forum.kirupa.com/t/multiple-background-images/170291>\
**Category:** Uncategorized\
**Created:** [November 24, 2005, 12:20pm UTC](https://forum.kirupa.com/t/multiple-background-images/170291 "2005-11-24T12:20:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Inept](https://avatars.discourse-cdn.com/v4/letter/i/e274bd/32.png) [@Inept](https://forum.kirupa.com/u/Inept)\
**Post date:** [November 24, 2005, 12:20pm UTC](https://forum.kirupa.com/t/multiple-background-images/170291/1 "2005-11-24T12:20:47Z")

</div>

hi I want to setup up a site using xhtml and css and want it so i have an image positioned at the top left with no-repeat and an image positioned at the top right with no-rpeat again and then finnaly a repeater image to fill in the gap between the left and right image?

I had the css like this:  
body {  
background: url(left.gif) top left no-repeat;  
}  
div.right {  
background: url(right.gif) top right no-repeat;  
}  
div.repeater {  
background: url(repeater.gif) repeat-x;  
}

with the accompaning html like so:

\<body\>  
\<div class=“right”\>  
\<div class=“repeater”\>\</div\>  
\</div\>  
\</body\>

Your help will be greatly appreciated

Cheers,  
Inept