Irish SEO,  Marketing & Webmaster Discussion

 

PNG Image rendering

This is a discussion on PNG Image rendering within the Graphic Design forums, part of the Webmaster Discussion category; I'm confused, why don't PNG image render properly in any IE browser, i've tried using gif as the image has ...


Go Back   Irish SEO, Marketing & Webmaster Discussion > Webmaster Help > Webmaster Discussion > Graphic Design

Register Forum Rules FAQDonate Calendar Search Today's Posts Mark Forums Read



Reply

 

LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 09-10-2008, 12:42 AM
ziycon's Avatar
Wannabe Geek
 
Join Date: Jan 2007
Location: Dublin
Posts: 461
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 3
Thanked 0 Times in 0 Posts
ziycon will become famous soon enough
Send a message via MSN to ziycon
Default PNG Image rendering

I'm confused, why don't PNG image render properly in any IE browser, i've tried using gif as the image has now background but a gif is not sharp enough, the PNG renders perfect in FF 3 and i need it to do like wise in Ie, any work arounds or suggestions?
__________________
Irish Gaming Network
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #2 (permalink)  
Old 09-10-2008, 07:57 AM
Forbairt's Avatar
respect my AW-THOR-IT-AYY
 
Join Date: Jun 2007
Location: My Office, Dublin
Posts: 2,283
Nominated 2 Times in 1 Post
Nominated TOTW/F/M Award(s): 1
Thanks: 2
Thanked 5 Times in 5 Posts
Forbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enoughForbairt will become famous soon enough
Send a message via AIM to Forbairt Send a message via MSN to Forbairt Send a message via Yahoo to Forbairt Send a message via Skype™ to Forbairt
Default

PNG in Windows IE

though you'll still probably need to hack any css you're got with pngs in them (assuming what you're on about is transparency) ?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3 (permalink)  
Old 09-10-2008, 08:00 AM
babyboy808's Avatar
Wannabe Geek
 
Join Date: Jan 2007
Location: everywhere
Posts: 413
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 1 Time in 1 Post
babyboy808 will become famous soon enough
Default

Best solution I have found:

IE PNG Fix - TwinHelix
__________________
Web Design Ireland
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4 (permalink)  
Old 09-10-2008, 06:30 PM
n3tFl0w's Avatar
Wannabe Geek
 
Join Date: Jan 2008
Location: Work...
Posts: 466
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 0 Times in 0 Posts
n3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to behold
Default

Try 8 bit PNG's - Creating 8-bit Alpha Transparent PNG Files - cant find a better link to show you but they work fine for me for most of my requirements...
__________________
My Blog thing!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5 (permalink)  
Old 09-10-2008, 06:36 PM
babyboy808's Avatar
Wannabe Geek
 
Join Date: Jan 2007
Location: everywhere
Posts: 413
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 1 Time in 1 Post
babyboy808 will become famous soon enough
Default

Quote:
Originally Posted by n3tFl0w View Post
Try 8 bit PNG's - Creating 8-bit Alpha Transparent PNG Files - cant find a better link to show you but they work fine for me for most of my requirements...
8 bit PNGs are good for some graphics, for more quality PNGs you would have to go 24 bit
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6 (permalink)  
Old 09-10-2008, 06:46 PM
n3tFl0w's Avatar
Wannabe Geek
 
Join Date: Jan 2008
Location: Work...
Posts: 466
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 0
Thanked 0 Times in 0 Posts
n3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to beholdn3tFl0w is a splendid one to behold
Default

Quote:
Originally Posted by babyboy808 View Post
8 bit PNGs are good for some graphics, for more quality PNGs you would have to go 24 bit
You are, of course, correct.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7 (permalink)  
Old 09-10-2008, 06:56 PM
ziycon's Avatar
Wannabe Geek
 
Join Date: Jan 2007
Location: Dublin
Posts: 461
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 3
Thanked 0 Times in 0 Posts
ziycon will become famous soon enough
Send a message via MSN to ziycon
Default

Quote:
Originally Posted by Forbairt View Post
PNG in Windows IE

though you'll still probably need to hack any css you're got with pngs in them (assuming what you're on about is transparency) ?
I've done everything it says here but it wont, work, am i doing something wrong, heres what i have on the page:
Code:
<!--[if lt IE 7]>
<script language="JavaScript">
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);
</script>
<![endif]-->
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8 (permalink)  
Old 09-10-2008, 07:00 PM
ziycon's Avatar
Wannabe Geek
 
Join Date: Jan 2007
Location: Dublin
Posts: 461
Nominated 0 Times in 0 Posts
TOTW/F/M Award(s): 0
Thanks: 3
Thanked 0 Times in 0 Posts
ziycon will become famous soon enough
Send a message via MSN to ziycon
Default

Sorted, i was adding the image via CSS, just changed it too an image tag. Thanks for the help.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
image, png, rendering

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
Another rendering issue bucks Coding Help 6 01-06-2007 07:09 PM
CSS Image Positioning borderfox Coding Help 13 08-05-2007 07:05 PM
CSS Image Pop Up Paolo Coding Help 11 06-05-2007 12:05 AM
Page rendering ph3n0m Webmaster Discussion 5 24-01-2007 09:08 PM
Image resources dave Webmaster Discussion 7 12-08-2006 12:43 PM


Sponsored links

Pepperjam Network
Paid On Results www.zanox.com Get Chitika Premium


All times are GMT +1. The time now is 10:48 AM.


Powered by: vBulletin Version 3.8.4, Copyright ©2000 - 2010, Jelsoft Enterprises Limited.
Hosted in Ireland by Blacknight - Test your ISP |Irish Hosting Directory| Armchair.ie|Logo by Eden Web Design|Avatars by Afterglow |Latest Blog Entries | VPS HostingAd Management by RedTyger

Search Engine Friendly URLs by vBSEO 3.3.2

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64