"Have nothing in your houses that you do not know to be useful or believe to be beautiful." - William Morris

Firefox – Missing JPG Images Solved

Posted: February 26th, 2008 | Author: | Filed under: Technology | Tags: , , , , | No Comments »

For a while now I’ve been noticing that some sites suffer from missing JPG images in random ways. The image won’t appear when the page is rendered fully with the site CSS, turn off the CSS using the wonderful Web Developer Toolbar and a broken image link appears. So surely it’s just a broken image? Well that would be true, except when you put the image URL from the HTML directly into your browser – and the image appears. Most concerning, especially when you’re working on some HTML that needs to be finished.

Missing JPG images screenshot

An example of this behavior is at the site of my local yoga studio – Centre Luna Yoga. When I visited their site the header image wouldn’t appear, as you can see from the image above. However the image itself loads just fine. Hmm. From a bit of searching on the web, the most likely culprit was an add-on as the Mozilla/Firefox core is well tested and stable, so using that old standby of starting Firefox in safe mode I checked the page again – lo and behold, the image appeared. Hmm.

By a quick process of elimination I decided the most likely candidate was the AdBlocker, so I disabled this and restarted. Bingo. The image appeared. Then by a further process of elimination I found the guilty filter: /banners/banner. Yes, somewhere in my auto filter download someone had decided that /banners/banner was only applicable to Advertising. Doi. The URL for the home banner image at my local yoga studio’s site had this in it: /banners/banner_15.jpg, so problem solved. The guilty filter was disabled and all is good in the world again.

CSS Learning: Link Rollover not working in IE 5

Posted: August 22nd, 2007 | Author: | Filed under: Technology | Tags: , , | No Comments »

A random CSS thing: there are many reasons why rollover image replacement fails to work in IE, when it works fine in Firefox et al, however I just found a new one; if you forget to put the HREF into the anchor link (<a&rt;) then both Firefox & IE render the link correctly – but Firefox will activate the :hover state and IE won’t. Simply putting the HREF back in again makes it work.

In this case you could argue that Firefox is at fault, as a link without a destination isn’t a link. Either way it was a waste of time finding it.