I've followed instructions and done everything right (I think) to get my favicon to work, but it doesn't work on any browser.
I created my favicon.ico file (I used the PS plug-in). I put it in my root folder.
I put this in the head section of my HTML
<link rel="Shortcut Icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" />
I cleared caches, histories, icons as needed on both Safari and FF, and restarted both. browsers.
The reason it isn't working is because you aren't pointing to the right place. Either place the favicon in the root folder or change your code to look more like this:
<link rel="icon" href="/dictator/favicon.ico" type="image/x-icon" />
I think that will do it.
Ok, here's an easy way of associating a Favicon with your website. Create an ico file that is 16 pixels by 16 pixels (16px, 16px), make sure to save the ico file as "favicon.ico" only, and upload it to the root directory of the server that is hosting your website.
It's as simple as that.
I hope this has helped.
<!-- Adds the "favicon"--> <link rel="icon" type="image/png" href="http://example.com/myicon.png">
I usually post-fix my searches with W3C and find that it can help quite a bit.
Hope that helps!
First step would be to try to view just the icon in the browser. IOW, type http://example.com/favicon.ico into the address bar (change "example.com" to your domain). If it shows an icon, then the problem is in the webpage; if it doesn't, then the problem is with the icon file itself or the server.
(Note, though, that some webservers are not set up to send the correct MIME type with .ico files, so your browser may just show binary gibberish.)
Some other tips:
- You only need one
link, not two. Delete one of them.
- The syntax I use is
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
- If your icon is located at "
\favicon.ico", you don't need a
linkat all; all major browsers will automatically search there.