favicon.ico does not work in IE8

[JAA149]

Hi all,

Just sarted learning (X)HTML and really stuck on this little issue for a week now. Have spend countless hours on this but no answer. Hope you gurus can help.

I am been trying to add a favicon to my web site. The problem is that it shows in Firefox but not in IE8. Here are the steps I took. Please bear with me as I am new and going to list all the steps.

1 - Registered with a free hosting service http://www.000webhost.com/
2 - Made my web site as http://jawadasghar.site11.com/
3 - Alternatively the site address is also given as http://www.jawadasghar.site11.com/
4 - There is a directory in the root directory called public_html
4 - Made an (X)HTML file as index.html and placed it in the public_html folder. BUT i do not know what is the path? Is it..
a - http://jawadasghar.site11.com/public_html/index.html/
b - http://www.jawadasghar.site11.com/pu...ml/index.html/
5 - Made a valid .ico file as favicon.ico. It is is a blinking "JJ"
6 - Now when I place the favicon.ico file in the public_html folder, the icon shows in Firefox3.5.5 but not in IE8. Also by placing the favicon.ico file in the rrot directory and removing it from the public_html folder, it does not work neither in Firefox or IE.
7 - If I try to put a html code in the index.html file as
a - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
It does not work. I have tried every thing. Deleting cache files, deleting TIF(Temp Internet Files) but nothing seems to work to show the favicon in IE 8. I have also tried all the variations as well as HTML snippet but nada.

Any body have any idea?

Regards

[Wickham]

Originally Posted by JAA149

Hi all,


4 - Made an (X)HTML file as index.html and placed it in the public_html folder. BUT i do not know what is the path? Is it..
a - http://jawadasghar.site11.com/public_html/index.html/
b - http://www.jawadasghar.site11.com/pu...ml/index.html/

It could be just www or both; it depends on how your website is set up. I expect it is both.

5 - Made a valid .ico file as favicon.ico. It is is a blinking "JJ"
6 - Now when I place the favicon.ico file in the public_html folder, the icon shows in Firefox3.5.5 but not in IE8. Also by placing the favicon.ico file in the rrot directory and removing it from the public_html folder, it does not work neither in Firefox or IE.
7 - If I try to put a html code in the index.html file as
a - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
It does not work. I have tried every thing. Deleting cache files, deleting TIF(Temp Internet Files) but nothing seems to work to show the favicon in IE 8. I have also tried all the variations as well as HTML snippet but nada.

The favicon.ico should go into the public_html folder. I think most people regard the public_html directory as the root directory as far as your website is concerned. In addition you can add a link in the head section of every page (There must always be a favicon in the root directory and then you can have a different one also with .ico extension in the head section if you want):-
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
or change the path if the file is in a sub-directory.

In addition to clearing the cache in IE8 I expect you have to clear the History as well. If it doesn't work through IE8 Tools, try it by Highlighting Favorits and right-click and delete all entries like Today, Yesterday, etc. Also delete any Favorit bookmarks you have to your site and set them again later.