X-Cart forums - Transparent Gifs Not Working

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Transparent Gifs Not Working (https://forum.x-cart.com/showthread.php?t=42067)

MrBadass

08-29-2008 06:42 AM

Transparent Gifs Not Working

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

08-29-2008 06:51 AM

Re: Transparent Gifs Not Working

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

balinor

08-29-2008 06:57 AM

Re: Transparent Gifs Not Working

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

MrBadass

08-29-2008 07:02 AM

Re: Transparent Gifs Not Working

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

08-29-2008 07:19 AM

Re: Transparent Gifs Not Working

Ok, just asking :) Can you add one back in so we can see what is happening?

MrBadass

08-29-2008 07:27 AM

Re: Transparent Gifs Not Working

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. :D

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

balinor

08-29-2008 07:39 AM

Re: Transparent Gifs Not Working

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

MrBadass

08-29-2008 07:42 AM

Re: Transparent Gifs Not Working

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! :lol:

MrBadass

08-29-2008 08:19 AM

Re: Transparent Gifs Not Working

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

08-29-2008 09:29 AM

Re: Transparent Gifs Not Working

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

MrBadass

08-29-2008 09:36 AM

Re: Transparent Gifs Not Working

Quote:

Originally Posted by balinor

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

I didn't have any tags on it until I tried adding the background-color: none.

Here's the code...

Code:

<a href="http://www.instantssl.com" id="comodoTL">SSL</a>

<script language="JavaScript" type="text/javascript">

COT("images/secure_site.png", "SC2", "none");

</script>

balinor

08-29-2008 09:44 AM

Re: Transparent Gifs Not Working

Yes, but is that code sitting in a table cell or div? Because the style you have above tells EVERYTHING to have a white background. You need to break up that class so that you only apply the white background to one item - not everything.

MrBadass

08-29-2008 09:48 AM

Re: Transparent Gifs Not Working

Quote:

Originally Posted by balinor

Ok...take a look now...I split up the code as follows and seems to be working. I'll have to go through the site and see if there are any issues with the change. 8)

Code:

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

DIV { color: #232323; font: 10px Verdana, Arial, Helvetica, Sans-serif; }

MrBadass

08-29-2008 09:58 AM

Re: Transparent Gifs Not Working

Everything around the site appears to look the way it should, and the transparency is working for both the images I was having a problem with. Thanks so much...again...I really appreciate it! :D

balinor

08-29-2008 10:02 AM

Re: Transparent Gifs Not Working

;)

Zaja	08-29-2008 01:31 PM

Re: Transparent Gifs Not Working

You don't need to add a background color to TH,TD,P,INPUT,SELECT,TEXTAREA,TT elements, just add background property to .Container class(page wrapper) and BODY element .

All times are GMT -8. The time now is 04:21 AM.