This thread was archived. Please ask a new question if you need help.
favicon not showing
I have some demo pages for a plugin on github. Oddly, I can't get the favicon to show up in Firefox (try the simple demo page). They show up in webkit browsers and IE without any problems. The effected pages are "Main", "Simple", "Expand", "Video" and "FX".
Even more strange is that only one demo page ("CSS3") shows the favicon on the tab and when saved as a bookmark, but none of the other pages will.
All Replies (12)
Try to add a type attribute to the link element.
<link rel="shortcut icon" href="demos/images/favicon.ico" type="image/x-icon">
If you have the favicon.ico image file in the root directory of the website that "shortcut icon" code isn't needed.
type="image/x-icon" didn't change anything
Moving the favicon.ico to the same folder as the html file doesn't work either. If you meant the root of the website, I have no way to do that. And this doesn't explain why the css3 demo page does show the favicon while the others don't.
Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
- Press and hold Shift and left-click the Reload button.
- Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- Press "Cmd + Shift + R" (MAC)
It works for me though if I run this code in the Scratchpad (Shift+F4);
N=document.createElement("link"); N.setAttribute("href", "demos/images/favicon.ico"); N.setAttribute("rel", "shortcut icon"); N.setAttribute("type", "image/x-icon"); document.head.appendChild(N);
I'm not seeing that attribute in the current website code, so I can't test this.
Ok, I've updated all of the demo pages. Still no luck =(
The favicon.ico file doesn't seem to be working as a favcion.
Try to recreate or re-save the image file and upload that image to the server.
Modified by cor-el
Hmm, still no luck. I used this photoshop plugin to save the ico file (using Windows 7). Maybe I need to use something else.
Ahhh, I see, now to figure out how to stop it. Thanks for the help!