How to make a background not repeat itself.?

Question

In HTML, when you insert a background, it repeats itself if the background is smaller than the browser. How do I make the background to fit the browser without repeating itself.

Answer 1

Hi there...

Here's the code:

BODY {
background: white url("pendant.gif");
background-repeat: repeat-y;
background-position: center;
}

where:

repeat
The image is repeated both horizontally and vertically.
repeat-x
The image is repeated horizontally only.
repeat-y
The image is repeated vertically only.
no-repeat
The image is not repeated: only one copy of the image is drawn.

Hope this helps!

Answer 2

you can save the picture and make it bigger, then upload it into a site like photobucket to get a new url, then find the other url and replace it with the bigger pix url. you have two easy options to make a pix bigger, 1. use adobe photoshop, 2. paint. adobe is easy but hard to get unless you already have it. paint is quick and easy. its just : open pic in paint, go to image and go to stretch and skew, the first two % boxes in the top half, increase that to 150 or higher, 200 seems to double the size, go bigger if you must. then save and upload to photobucket. the only downfall to paint is that you can only do the stretch and skew once for a perfect fit or you have to start over. good luck!!

Answer 3