EduGeek Joomla Package Logo Background Problem

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

URL to webpage and image?

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

Quote:

---

Originally Posted by webman

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?nam...ht=joomla+logo but i was wondering if there was an alternate way to fix the problem.

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

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

Oakgrove School

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

8O

Quote:

---

Originally Posted by mark

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.

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

Code:

---

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<document.images.length; 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 = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
            img.outerHTML = strNewHTML
            i = i-1
        }
      }
  }   
}
window.attachEvent("onload", correctPNG);

---

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

Code:

---

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="iepngfix.js"></script>
<![endif]-->

---

Quote:

---

Originally Posted by Scotmk

Quote:

---

Originally Posted by mark

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

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

Z