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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

background image 1
problem with repeating css graphic 3
Visitor to choose background colour, how cater for image backgroun 3
css web background frontpage 2003 3
How To Turn Off Automatic Code Editing 2
background image 2
Complimenting Background Color or Image? 4
Top of image lopped off & border/space on right hand side of image between text? 1

Back
Top