Re: [WSG] transparency, png IE6?? Screen Resolution
The linked article at http://blogs.cozi.com/tech/2008/03/transparent-png.html?cid=106552420 is especially scary - AlphaImageLoader causing browser crashes? Ow. And those guys had direct contacts inside Microsoft. I'm not completely sure of the benefit of using png8 over using png32 for all browsers, and using gifs for ie6 and below. It is a tad more work to do ie6-specific style sheets and ie6-specific images; but presumably the png32 images will look nicer for all other users. YMMV of course. - Korny On Wed, Jun 11, 2008 at 4:11 PM, David Hucklesby [EMAIL PROTECTED] wrote: On Tue, 10 Jun 2008 13:49:43 +0100, Stewart Griffiths wrote: However, within Fireworks you can also export png's as a png8, which provides a palette based colour model (like gif's) and which many believe only offers a 1 bit transparency option. However, if we play with some of the settings we are able to offer similar semi- transparency colors as a png32. Yes. More on that technique here: http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/ ... with some ideas for improving appearance in IE 6 here: http://www.sitepoint.com/blogs/2008/03/20/making-ie6-friendly-png8-images/ Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Kornelis Sietsma korny at my surname dot com kornys at gmail dot com on google chat -- kornys on skype we do what we must, because we can *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] transparency, png IE6?? Screen Resolution
On Tue, 10 Jun 2008 13:49:43 +0100, Stewart Griffiths wrote: However, within Fireworks you can also export png's as a png8, which provides a palette based colour model (like gif's) and which many believe only offers a 1 bit transparency option. However, if we play with some of the settings we are able to offer similar semi- transparency colors as a png32. Yes. More on that technique here: http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/ ... with some ideas for improving appearance in IE 6 here: http://www.sitepoint.com/blogs/2008/03/20/making-ie6-friendly-png8-images/ Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] transparency, png IE6?? Screen Resolution
Hey, I recently looked this up for someone else. I've found this link (below) to work well for regular images but don't seem to do much for background images pulled in with CSS. However having said that I've used this script without much trouble for quite a while. As for the 800x600 thread. I've been interested in reading the replies and thank everyone responding to my thread. I asked because I was making a fixed width layout which was looking very odd on my computer when made to fix for an 800x600 and my screen being a wide screen. Some of you might be glad to know I've since started trying to make it fluid width but it's been great to read all the replies and get the opinion of everyone. IceKat. PNG Link: http://homepage.ntlworld.com/bobosola/pnghowto.htm Michael Persson wrote: HI people, I have tried to not use transparency for years as it is not working IE6 properly. I have not a situation where i need it and there is no way out, I have tried some tricks and there are some that works half way to the full solution. There is a solution with a js file called htc somethnig where i get the transparency working but only in one of the images i need them to appear. Does anyone have a clever full functional solution for this transparency crap to make work ? I have grey hair already but its starting to fall of soon... Michael in Athens *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] transparency, png IE6?? Screen Resolution
There is a way to produce portable network graphics (png's) so that they render correctly across all browsers without the need to employ complicated hacks and ie filter-based solutionshttp://www.w3.org/TR/PNG-DataRep.html#DR.Alpha-channelor heavy javascript files, such as the twin helixhttp://www.thewebsqueeze.com/forum/redirect.php?url=http%3A%2F%2Fwww.twinhelix.com%2Fcss%2Fiepngfix%2Fapproach or the supersleighthttp://www.thewebsqueeze.com/forum/redirect.php?url=http%3A%2F%2F24ways.org%2F2007%2Fsupersleight-transparent-png-in-ie6 . Most times when a png is exported it is done so as a png32, which provides lossless compression and allows for more complex settings. All the goodies we love when designing a site. However, within Fireworks you can also export png's as a png8, which provides a palette based colour model (like gif's) and which many believe only offers a 1 bit transparency option. However, if we play with some of the settings we are able to offer similar semi-transparency colors as a png32. So if you use the export wizard and set it to export as png8 with indexed transparency, you will see the palette colours have been flattened and you are offered one, single transparent colour. However, if you change these settings to alpha transparency, you will notice a few small chunks cut out of the some of the palette colours. These are the new semi-transparent colours. The only downside is that complicated fade effects on images are not seen on IE5.5 6, but it still is a transparent image. This works for IE5.5 and above (I haven't tested lower than that), FF, Safari and Opera, so it's a winner all round. Also, the generated image files are smaller, which will increase delivery time, and , more importantly, there is no need to implement hacks, javascript files or any other third party coding, making the total delivery package smaller and therefore increasing the speed of your site. Hope the above helps you all. I am planning on writing an article on the web design forum I moderate ( www.webforumz.com) around this, once complete I shall let you know so you can bookmark it for future reference. Stew 2008/6/10 IceKat [EMAIL PROTECTED]: Hey, I recently looked this up for someone else. I've found this link (below) to work well for regular images but don't seem to do much for background images pulled in with CSS. However having said that I've used this script without much trouble for quite a while. As for the 800x600 thread. I've been interested in reading the replies and thank everyone responding to my thread. I asked because I was making a fixed width layout which was looking very odd on my computer when made to fix for an 800x600 and my screen being a wide screen. Some of you might be glad to know I've since started trying to make it fluid width but it's been great to read all the replies and get the opinion of everyone. IceKat. PNG Link: http://homepage.ntlworld.com/bobosola/pnghowto.htm Michael Persson wrote: HI people, I have tried to not use transparency for years as it is not working IE6 properly. I have not a situation where i need it and there is no way out, I have tried some tricks and there are some that works half way to the full solution. There is a solution with a js file called htc somethnig where i get the transparency working but only in one of the images i need them to appear. Does anyone have a clever full functional solution for this transparency crap to make work ? I have grey hair already but its starting to fall of soon... Michael in Athens *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] transparency, png IE6?? Screen Resolution
I need a function of a link that one KNOWS is working... Michael IceKat wrote: Hey, I recently looked this up for someone else. I've found this link (below) to work well for regular images but don't seem to do much for background images pulled in with CSS. However having said that I've used this script without much trouble for quite a while. As for the 800x600 thread. I've been interested in reading the replies and thank everyone responding to my thread. I asked because I was making a fixed width layout which was looking very odd on my computer when made to fix for an 800x600 and my screen being a wide screen. Some of you might be glad to know I've since started trying to make it fluid width but it's been great to read all the replies and get the opinion of everyone. IceKat. PNG Link: http://homepage.ntlworld.com/bobosola/pnghowto.htm Michael Persson wrote: HI people, I have tried to not use transparency for years as it is not working IE6 properly. I have not a situation where i need it and there is no way out, I have tried some tricks and there are some that works half way to the full solution. There is a solution with a js file called htc somethnig where i get the transparency working but only in one of the images i need them to appear. Does anyone have a clever full functional solution for this transparency crap to make work ? I have grey hair already but its starting to fall of soon... Michael in Athens *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] transparency, png IE6?? Screen Resolution
I use this: http://homepage.ntlworld.com/bobosola/ On Jun 10, 2008, at 15:52, Michael Persson wrote: I need a function of a link that one KNOWS is working... Michael IceKat wrote: Hey, I recently looked this up for someone else. I've found this link (below) to work well for regular images but don't seem to do much for background images pulled in with CSS. However having said that I've used this script without much trouble for quite a while. As for the 800x600 thread. I've been interested in reading the replies and thank everyone responding to my thread. I asked because I was making a fixed width layout which was looking very odd on my computer when made to fix for an 800x600 and my screen being a wide screen. Some of you might be glad to know I've since started trying to make it fluid width but it's been great to read all the replies and get the opinion of everyone. IceKat. PNG Link: http://homepage.ntlworld.com/bobosola/pnghowto.htm Michael Persson wrote: HI people, I have tried to not use transparency for years as it is not working IE6 properly. I have not a situation where i need it and there is no way out, I have tried some tricks and there are some that works half way to the full solution. There is a solution with a js file called htc somethnig where i get the transparency working but only in one of the images i need them to appear. Does anyone have a clever full functional solution for this transparency crap to make work ? I have grey hair already but its starting to fall of soon... Michael in Athens *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] transparency, png IE6?? Screen Resolution
Here you are Michael: http://www.meccompany.com.au/aboutUs.php Don't ask me how but it works Quoting Michael Persson [EMAIL PROTECTED]: I need a function of a link that one KNOWS is working... Michael IceKat wrote: Hey, I recently looked this up for someone else. I've found this link (below) to work well for regular images but don't seem to do much for background images pulled in with CSS. However having said that I've used this script without much trouble for quite a while. As for the 800x600 thread. I've been interested in reading the replies and thank everyone responding to my thread. I asked because I was making a fixed width layout which was looking very odd on my computer when made to fix for an 800x600 and my screen being a wide screen. Some of you might be glad to know I've since started trying to make it fluid width but it's been great to read all the replies and get the opinion of everyone. IceKat. PNG Link: http://homepage.ntlworld.com/bobosola/pnghowto.htm Michael Persson wrote: HI people, I have tried to not use transparency for years as it is not working IE6 properly. I have not a situation where i need it and there is no way out, I have tried some tricks and there are some that works half way to the full solution. There is a solution with a js file called htc somethnig where i get the transparency working but only in one of the images i need them to appear. Does anyone have a clever full functional solution for this transparency crap to make work ? I have grey hair already but its starting to fall of soon... Michael in Athens *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***