my background image display

  • Thread starter Thread starter Caroline
  • Start date Start date
What do you mean by "properly"?

A background image will either tile (repeat accross and down the page) to fill a space larger than the image, or will cut off the area to the right and bottom to fill a smaller space. The image will _not_ shrink or stretch.

Use CSS to place the iamge on the page:
In the head of the page in code view, add

<style type="text/css">
body {background-color: white;
background-image: url(images/background.jpg)
}
</style>

The above goes just before the </head> tag.
The background color should be the same as the bulk of the image since it will show if the image doesn't.
images/background.jpg is the relative path and image name - relative from the page.

There are CSS commands to position the image and stop tiling - see the CSS tutorials at http://www.w3schools.com for details.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp/wf-menu.aspx


Caroline explained :
 
<body style="background-image: url(bluegrad.gif);"> is 1280 x 63 Pixels
(20.32) it ok as is!


But as is it look good is Windows 98 ie6 sp1 + Opera 10.5 + Firefox 1.5.0.6
And good it on Windows XP ie7 sp3 + Opera 10.5 + Netscape/8.0.3.4
 
Back
Top