PDA

View Full Version : Repeating foreground picture



Thanatos
11-29-2004, 02:26 AM
This is the same problem as someone else. I have a gif image(http://www.boomspeed.com/sfhelpers/backgrounds/83.gif#) that I put on my xanga, and I want to make in show up on top of a different background image(which I think just needs to be transparent). The other problem, is when I use the code I have now(below), the gif only covers the right side of the page. I don't know how to control the width. Does anyone know how to fix these problems? I know its just a matter of writing the code correctly, but I don't know how.

<style type="text/css">
html {
background:#fff;
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: left top;
height:100%;
margin:0;padding:0;
}
body {
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: right top;
height:100%;
margin:0;padding:0;
}
</style>

astralrose
12-03-2004, 05:42 AM
Hi,

try putting your all your code in the body element and remove the html element, body is always more reliable. Also sometimes code works better if you put in a p element but dont forget to include your <p></p> in your html page!

regards

Donna x

chinchilla2
12-07-2004, 03:40 PM
background-repeat: repeat-y; repeat-x

GavinPearce
12-14-2004, 11:41 AM
background: url(img.gif) #fff repeat-y repeat-x top;