Fixing Phark for IE5/Win

Phark is the name of a common image replacement method that only web geeks care anything about. It's clean and smart, but it fails in Internet Explorer 5.0 for Windows.

Or rather, it used to. Or rather, it still does, but there is now a simple and easy way to keep using Phark and having image replacement work in IE5 as well. I've documented the trick here, but if you have any comments, please attach them to this thread.

I haven't seen this particular workaround documented anywhere else, but if I'm not crediting the right people, please let me know and apologies all around.

Posted at 2:30 pm by Eric :: Technology :: Comments (3) :: Trackbacks (0)

I have found that the first letter of the text is displayed. I reduced the font-size to zero, which has fixed the problem for me:

text-indent: 0; letter-spacing: -8888px; font-size: 0;

Posted by Mike Birch @ Sep 7 2006, 4:59 am

I saw this in other browsers, which is why I didn't adopt MIR as my general IR technique. But you saw this in IE 5.01 Win? If so, can you send me a screen shot? Use the contact form and I'll send you my real email address.

Thanks…

Posted by Eric Folley @ Sep 9 2006, 9:11 pm

Mike, thanks again for the font-size addition. Working on a project with a lot of image replacement, I was seeing the first character about 1/4 of the time; why the problem was so itermittent, I'm not sure, but your fix is indeed required.

Posted by Eric Folley @ Sep 24 2006, 10:09 am

Blah blah blah...

 

Comments are limited to 2000 characters. HTML allowed: <b>bold</b>, <i>italics</i>, and <a href="http://www.folley.net/">links</a>.