Transparent Gifs Not Working

MrBadass · #1 08-29-2008, 06:42 AM

I'm using the 7dana template on my site, www.dalidecals.com, and I'm having an issue with transparent gifs not showing the transparency. I was initially having the problem with the "Corner of Trust" image I got from Comodo. Now I'm having the same issue with some of the images from my live help software. Anyone have any ideas on what's causing this or how to fix it?

MrBadass · #2 08-29-2008, 06:51 AM

BTW: None of those images are currently being displayed. I took them down because they don't look correct.

balinor · #3 08-29-2008, 06:57 AM

Are you sure they are saved as transparent gifs? Just because it is a gif doesn't mean it is transparent.

MrBadass · #4 08-29-2008, 07:02 AM

Quote:

Originally Posted by balinor

Are you sure they are saved as transparent gifs? Just because it is a gif doesn't mean it is transparent.

100% positive...been a graphic designer for 15 years.

I also tried png's with transparency and that wasn't working either.

balinor · #5 08-29-2008, 07:19 AM

Ok, just asking

Can you add one back in so we can see what is happening?

MrBadass · #6 08-29-2008, 07:27 AM

Quote:

Originally Posted by balinor

Ok, just asking

Can you add one back in so we can see what is happening?

No sweat! That was the first thing I checked.

Corner of Trust is back up...you'll see the white portion of it. Thanks for the help!

balinor · #7 08-29-2008, 07:39 AM

Check your IMG class in the stylesheet - make sure you didn't add a white background to it

MrBadass · #8 08-29-2008, 07:42 AM

Quote:

Originally Posted by balinor

Check your IMG class in the stylesheet - make sure you didn't add a white background to it

Good call! Hadn't even thought of that. I'll give it a shot and post back in a little bit. Thanks again!

MrBadass · #9 08-29-2008, 08:19 AM

Ok...so I did some poking around. Here's where the issue is.

Code:

BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT { color: #232323; font: 10px Verdana, Arial, Helvetica, Sans-serif; background-color: #FFFFFF; }

Problem now is if I take that background color out, it ruins the look of the site.

I tried adding a css class with background-color: none, but that didn't seem to work. Could it be because the images that are transparent are both in javascripts?

balinor · #10 08-29-2008, 09:29 AM

That shouldn't have anything to do with the image, unless you put the image inside a table cell or div tag.