Simple CSS problem...PLEASE Help

Hello,

I am using Interspire shopping cart and I am having 1 problem redesigning the site. With most pictures that I want to replace all I have to do is find out the name of the picture and name the new picture the same thing and whoola...picture gets replaced and I am happy.

Now I am trying to replace the black box on the left hand side of all the pages with a picture that is the same the size. The problem is...it looks like the code is calling for a picture here SideBg.gif, but really it is not. I have deleted the picture and the box still shows up. It appears that the code is just making a black box there instead, now I can change the size of the box but I need to replace it with a picture.

Here is the code:


Again, I need to replace the SideBg.gif with my own picture, can someone please help me with this.

Thanks

The "black box" is still there because the .Left class is specifying that any object with that class has a width of 184 pixels and a minimum height of 500 pixels.

Either replace the SideBg.gif with your own image or add "display: none;" to the .Left class to make it go away.

OK, I will try this and let you know.

Thank you

OK, so I used the "display: none;" code and it did make the box disappear but it still will not detect my new picture.

Before I asked for help I changed the picture a few times and nothing happened, even if I deleted SideBg.gif it still showed the black box.

Like I said in OP, any other picture that I need to replace on the site I just name my picture the same thing and it works...with the exception of this one.

Any other ideas...

Thanks

Can someone guide me in the right direction here...thanks

Just name your new picture SideBg.gif and make sure you upload it to /images/black folder. If the old and new pictures are the same size, this should work just fine.

I rarely use .gif files anymore, I mostly use .png - so make sure that you have the file name correct.