Why isn't my favorite job working?
Now I know there are many similar questions around SO, but I think I've covered all the basics. Here's what I know:
My icon is accessible via /favicon.ico ( full link )
HTML ( page url ):
<link rel="icon" href="http://www.bandcmotors.co.uk/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.bandcmotors.co.uk/favicon.ico" type="image/x-icon" />
I've tried relative and absolute versions too. No love.
HTTP response headers:
Date: Mon, 22 Dec 2008 15:07:34 GMT
Server: Cherokee
Etag: 494bc264=57e
Last-Modified: Fri, 19 Dec 2008 15:48:52 GMT
Content-Type: image/x-icon
Content-Length: 1406
200 OK
The icon loads fine in the browser and I've cleared my cache, but I still can't see the icon in the address bar or tab. In Firefox or IE.
What am I doing wrong?
Edit 1. I used a validator and it is quite helpful and told me that it was unable to load it. Rather odd considering I can load it ok ... If anyone can explain this it might help fix the problem.
Edit 2. I just dropped my computer, restarted it and it all worked. I hate caches that refuse to clear properly **** grumbles ****> = (
source to share
Have you tried using gif or png? The W3C documentation refers to the following:
However, the format of the selected image must be 16x16 pixels or 32x32 pixels using either 8-bit or 24-bit colors. The image format must be one of PNG (W3C standard), GIF or ICO
Does your image match? Have you tried other icons?
source to share
Have you tried using a relative path to the icon rather than the full "http: // ...." address? For example:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
Another suggestion is to remove the type attribute:
<link rel="shortcut icon" href="/favicon.ico" />
I can see this in Firefox and Opera as well.
source to share