View Full Version : Background picture is too big!

Jan 16th, 2009, 05:24 PM
Hi. I have a problem similar to JeremyWilken.
But All I want to know is how to put a background picture on my web page.

I downloaded a very large image (of a UFO) from Fotolia.com.
But when I try to put it in as background for my MS Word document (which I plan to upload as an "index.html" web page) the picture only shows the upper left-hand corner. If I scroll around I can see the whole picture, but I'm having trouble reducing the image so it will fit the document properly.

Should I be using a different program to create the web page?
How can I re-size the image in a new program?



Jan 16th, 2009, 05:44 PM
Without more info it is difficult to help. But you can get some idea. What is the picture size in pixels and what is your screen resolution, also in pixels. There are quite a few programs that will help you to resize images, quite a number of them are free.

Word is not the best program to code your pages. You could try Notepad or one of the other similar programs available. Just try Google.

This site of mine (http://www.exitfegs.co.uk/Sources.html) has many helps on it also.

Check this Google response. (http://www.google.co.uk/search?hl=en&q=web+page+editors+free&meta=)

Jan 16th, 2009, 05:46 PM
If you are saying that the image is too large, you can use a photo program to reduce it. If you are saying that you have to have it at a specific position, use background-position.

To make it the background, just add this to your css:

background-image: url(yourimagefolder/yourimage.xxx);

To position it somewhere:

background-position: center center;

To have only one copy:

background-repeat: no-repeat;


Jan 17th, 2009, 03:12 AM

Thank you, effpeetee, but I am not writing code. I'm simply saving the Word document to the web site as an "index.html" web file. Then the web site appears just as the document did on my desktop. When I use any of the background options provided in the Word document, I have no problem. They appear on my web page background just the way they did in the document. But they are just simple background patterns.

I'm sorry, but I would have no idea where to insert which code into what.
As a matter of fact, I had to look up what CSS meant in Wikipedia.
I went to your site, Jerry, and saw that there were some tables of data for background, but I have no clue how to use them. Perhaps you could suggest a tutorial on how CSS works (for extreme beginners. . . . ) ?

I've tried to reduce the size of the image using Paint, but what happened was that the image became a small square in the upper left corner of a large white square. When I tried to use that as background, the image wouldn't fit because the program tried to load the whole large white square (with the little image in the upper left corner) into the background.

Could any of you resize this image to fit a (more or less) standard Word document, or web page as background?

Thanking you in advance


Jan 17th, 2009, 06:34 AM
css background size is part of the upcoming css3 spec but.. for now you have to resize the pic in a graphics program

for a few good tutorials


Major Payne
Jan 18th, 2009, 02:35 AM
FREE software:

http://www.getpaint.net/ (Very user friendly)
http://www.inkscape.org/download/ (Very good for vectored graphics)

FREE online photo editors:

http://www.blibs.com/editor/ (I like this one best)

Couple of image optimizer/re-sizer online tools: