My Gallery (Test)

[jgrove]

Hi Folks,

Can someone help me out here, i have been sorting my gallery out, at

www.planet-images.com/gallery

But as i use FireFox i am unsure how it looks in IE. I am right in thinking that IE doesnt support transparent PNG files?

Can anyone help for a way round this so that they appear trans in IE and FF?

Thanks

[picman]

Hi,

I took a look at your site with the following:

Internet Explorer 5.2 on Mac OSX - OK
Safari 1.2 on Mac OSX - OK
Internet Explorer 6.0 on Win98 - NOT OK

Cheers
Picman

[jgrove]

Hi,

I took a look at your site with the following:

Internet Explorer 5.2 on Mac OSX - OK
Safari 1.2 on Mac OSX - OK
Internet Explorer 6.0 on Win98 - NOT OK

Cheers
Picman

Thank you for that, what is happening in IE 6? I am slowling working out why so many people have stopped using it!

Thanks

[MikeCaine]

Firefox on XP is OK
IE6 on XP - your graphics don't have the transparent background

[MikeCaine]

You probably need to use gifs instead so that they look OK in IE

[jgrove]

Firefox on XP is OK
IE6 on XP - your graphics don't have the transparent background

Thanks for that, any ideas how to get them transparent in both IE and FF?

It would appear that IE doesnt support trans PNG files.

Cheers

[wildsnaps]

It would appear that IE doesnt support trans PNG files.

It is a known bug in IE - it only supports transparent PNG's at 8 bits. Except for the MAC version of IE which works properly

[wkitty42]

Thanks for that, any ideas how to get them transparent in both IE and FF?

It would appear that IE doesnt support trans PNG files.
i'm also running phpBB in addition to EE... one of the themes that i'm using in phpBB does this transparent stuff... what they do is to use a CSS "trick" to get them to load properly...

[hang on a sec...]

ok... here's what they are doing...


html>body .back-1-1 {
background: url(images/back-1-1.png) top left;
height: 10px;
width: 250px; }
* html body .back-1-1 {
background: url(images/back-1-1.gif) top left;
height: 10px;
width: 250px; }
html>body .back-1-2 {
background: url(images/back-1-2.png);
height: 10px; }
* html body .back-1-2 {
background: url(images/back-1-2.gif);
height: 10px; }
html>body .back-1-3 {
background: url(images/back-1-3.png) top right;
height: 10px;
width: 250px; }
* html body .back-1-3 {
background: url(images/back-1-3.gif) top right;
height: 10px;
width: 250px; }
it seems to be a trick to "fool" IE into loading the gif images... evidently the moz stuff uses the html>body type stuff and IE doesn't recognise that so it skips it and goes with the next part...

i've seen similar stuff used for supporting different CSS sheets in the different browsers... i don't know how you'll be able to work this into the CSS being used with your EE setup but it shold give you a lead on how you may accomplish what you desire...

on the other hand, instead of duplicating those images needed in GIF and PNG formats, you could just switch do doing them as GIFs... the only thing that i can see needing to use PNGs for transparency is for partial transparency instead of 100% transparency...

you'll find a huge amount of help on this stuff in the forums over at webmasterworld.com (http://webmasterworld.com/)... they are very careful not to post links to most stuff and definitely not to your own stuff... you examplify links whenever possible and they won't do the work for you... what i do is to put my site link in my profile and reference that if i want someone to take a look at something ;)