EduGeek Joomla Package Logo Background Problem

[FN-GM]

Hi guys,

 

Today I made all the logos for the new site, i viewed them in fire fox the logos look perfect. But tonight I went back into it with IE7 and you can see the background, if you get me.

 

I have attached some screenshots to show what i mean. I can't use transparent backgrounds with PNG format as they don't render in IE6 and show a grey background.

 

How do I fix this please?

 

Z

[webman]

URL to webpage and image?

[PEO]

Wish I had been given the job of creating our website. I'm so jealous

[FN-GM]

URL to webpage and image?

 

As yet it isn't live, sorry

 

Update

 

The search on this forum is to sensitive, after looking through many pages i found the following post http://www.edugeek.net/index.php?name=Forums&file=viewtopic&t=13011&highlight=joomla+logo but i was wondering if there was an alternate way to fix the problem.

[MkII]

FN - it's a problem with the png format in photoshop, if you create the png in fireworks you don't get the problem.

 

You need to delete the Adobe Photoshop Properties item and the item that just says http://ns.adobe.com/png/1.0/. for the image

 

- or -

 

use PNGOptimizer to strip out the bad information

[Scotmk]

I got the same problem, ie is not very compatible, firefox much better.

 

Oakgrove School

[MkII]

erm... try the suggestion above your post Scotmk - that'll fix it

 

8O

[Scotmk]

erm... try the suggestion above your post Scotmk - that'll fix it

 

8O

 

I know, sorry, did'nt mean to sound like I did'nt read the post properly.

[mrcrazy04]

You could use javascript to get the transparency in IE6 if you wanted:

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
  var arVersion = navigator.appVersion.split("MSIE")
  var version = parseFloat(arVersion[1])
  if ((version >= 5.5) && (document.body.filters)) 
  {
     for(var i=0; i      {
        var img = document.images[i]
        var imgName = img.src.toUpperCase()
        if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
        {
           var imgID = (img.id) ? "id='" + img.id + "' " : ""
           var imgClass = (img.className) ? "class='" + img.className + "' " : ""
           var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
           var imgStyle = "display:inline-block;" + img.style.cssText 
           if (img.align == "left") imgStyle = "float:left;" + imgStyle
           if (img.align == "right") imgStyle = "float:right;" + imgStyle
           if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
           var strNewHTML = "            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
           + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
           + "(src=\'" + img.src + "\', sizingMethod='scale');\">" 
           img.outerHTML = strNewHTML
           i = i-1
        }
     }
  }    
}
window.attachEvent("onload", correctPNG);

 

Save that as "iepngfix.js" and then reference it in your pages with

[MkII]

erm... try the suggestion above your post Scotmk - that'll fix it

 

8O

 

I know, sorry, did'nt mean to sound like I did'nt read the post properly.

 

np - sorry - tough 5 minutes here

 

Blimey you put in a lot of work makng all those colour variations!

 

 

@ mrcrazy04: That's a cure for alpha transparencies in IE - this is a different problem I believe

[FN-GM]

Thanks mark i think that will be it, i will give it a go in fireworks some time soon

 

Z