Posted by nick | Posted in Development | Posted on Aug 04 2010
Tags: firefox
I tested our site in IE today and found that IE has one useful feature; broken image placeholders. There were a few broken images that I did not notice while using Firefox because Firefox just displays the alt text. The best way to do it is as described here
http://gavtaylor.co.uk/blog/enable-broken-image-placeholders-in-firefox and
http://onlinemoneymaking.ws/blog/show-dead-image-placeholder-in-firefox/ . Their examples help you find the file with older versions of Windows. If you’re on Windows 7 like me, the userContent.css file will go here -
C:\Users\%yourUsername%\AppData\Roaming\Mozilla\Firefox\Profiles\x3qch3l0.default\chrome
Rename ‘UserContent-example.css’ to ‘UserContent.css’, this will then be loaded by Firefox when it fires up.
Add the following CSS to the file and restart Firefox..
/* Enable image placeholders */ @-moz-document url-prefix(http), url-prefix(file) { img:-moz-broken { -moz-force-broken-image-icon:1; width:24px; height:24px; } }