Background Image

[webman_25]

I can't seem to figure out how to set a background image in my site. I have set 'header' and 'footer' images, but I can't get an image in the middle area.

 

 

Can anyone help?

[WiseWombat]

I can't seem to figure out how to set a background image in my site. I have set 'header' and 'footer' images, but I can't get an image in the middle area.

Can anyone help?

<{POST_SNAPBACK}>

Try something like this in your style sheet.

/////////////////////////////////////////////////////////////////////////////

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

background-image: url("images/backgroundimage.jpg");

background-repeat: repeat;

background-attachment: fixed;

}

 

/////////////////////////////////////////////////////////////////////////////

[webman_25]

Try something like this in your style sheet.

/////////////////////////////////////////////////////////////////////////////

 

BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

background-image: url("images/backgroundimage.jpg");

background-repeat: repeat;

background-attachment: fixed;

}

 

/////////////////////////////////////////////////////////////////////////////

<{POST_SNAPBACK}>

 

 

Thanks man! :)

[lauren4521]

Be sure to check how the image appears in other browsers. I use a background image and using the URL in the "body" in the stylesheet, it wouldn't show up in Mozilla and Netscape. It could've been me but I don't think so as I tried it every which way. Worked fine in IE.

 

I solved it by creating a new class

 

.bodybg {background-image: url(images/mdbluebg.jpg);}

 

And then I added the class to the html body tag of each appropriate file (just about everything under the "catalog"). I had to customize each page anyhow.

For some reason Netscape and Moz pick up the image this way.

 

Lauren

[webman_25]

Be sure to check how the image appears in other browsers.  I use a background image and using the URL in the "body" in the stylesheet, it wouldn't show up in Mozilla and Netscape.  It could've been me but I don't think so as I tried it every which way.  Worked fine in IE.

 

I solved it by creating a new class

 

.bodybg {background-image: url(images/mdbluebg.jpg);}

 

And then I added the class to the html body tag of each appropriate file (just about everything under the "catalog").  I had to customize each page anyhow. 

For some reason Netscape and Moz pick up the image this way.

 

Lauren

<{POST_SNAPBACK}>

 

 

Thanks for your help Lauren!