background help

  • Thread starter Thread starter Richard
  • Start date Start date
R

Richard

If I have a picture lets say 200 x 100 pixels. How do I make it appear as one
full picture on any size monitor. When I right click to make it my background
it displays several smaller images of the same picture instead of one
picture. And if I resize the picture will it load on any monitor as one full
picture. Thanks in advance!!!
 
Richard said:
If I have a picture lets say 200 x 100 pixels. How do I make it appear as
one
full picture on any size monitor. When I right click to make it my
background
it displays several smaller images of the same picture instead of one
picture. And if I resize the picture will it load on any monitor as one
full
picture. Thanks in advance!!!
Click to expand...

This is the standard behaviour for a background image.

You cannot resize a background image, but to stop the repeat use a style
body {background {url('myimage.jpg') no-repeat }

To make the image larger, it must be resized using an image editor. It will
still not fill all screens. If the image is 800*600, there will be blank
space on a 1280*1024 screen
If the image is 1280*1024, part of it will be lost on a 800*600 screen.

Here is some info. on background styles
http://www.w3schools.com/css/css_background.asp.
You may find this style useful to have one image centred on the screen
body { background: url('myimage.jpg') no-repeat fixed center; }
 
Back
Top