Question : Background Image Not Showing

Experts,

I have a background image that is not showing up on the following page:

http://powerdownfortheplanet.blogspot.com/

There should be a series of boxes on the top right-hand side of the page, like this page:

http://www.powerdownfortheplanet.org/

I've checked the link to the image and it is good:

http://www.enviromedia.com/CSCI/powerdown/images/top-s-img.gif

I've also added a width and height to the CSS

.top-r-img{
      background:url(http:/www.enviromedia.com/CSCI/powerdown/images/top-s-img.gif) no-repeat right;
      height:110px;
        width:348px;
}

Any suggestions?

Thanks in advance for any help.

Lisa

Answer : Background Image Not Showing

Hi again,

instead of using the image as a background on a div element. I suggest changing the div element to an img element, then using css to modify the size and location.

<img class="top-r-img">

img.top-r-img {

src: url("http:/www.enviromedia.com/CSCI/powerdown/images/top-s-img.gif")

}

Random Solutions  
 
programming4us programming4us