Forum Moderators: open

Message Too Old, No Replies

Favicon noob question

         

mike2010

3:42 pm on Feb 26, 2009 (gmt 0)

10+ Year Member



I see conflicting instructions of every site I visit on Favicons.

I have Favicon.ico in my main root directory..and it displays correctly at the top of the address bar.. but when I try to add my site as a favorite...the old favicon still appears in the favorite / bookmark list. I tried deleting it and clearing cache..the old one still shows up.

What specifically to do so that the right favicon shows up on the favorite /bookmark list.

Does it need to be added through the <meta> section as well between <header> ?

any help is much appreciated.

piatkow

3:48 pm on Feb 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Favicon support varies a lot between browsers.

choster

4:19 pm on Feb 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



There is no way to force a browser to replace a stored favicon, but sometimes you can encourage the initial download by adding a <link> statement:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

mike2010

4:54 pm on Feb 26, 2009 (gmt 0)

10+ Year Member



thanks, that worked for FireFox. IE seems like mission impossible though..I cleared cache, cleared browsing history and everything..still old one shows up.

another thing.. Is there a way implement this

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

to base.css ? So that I dont have to manually implement it between the <header> tag on a 100 of my webpages.

choster

10:02 pm on Feb 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The favicon has nothing to do with CSS, as it is not styling the markup. You'll need to add the markup to all your <head>s, but that should be a relatively simple global insert.

On a separate note, at 100 pages, you might want to consider using includes or a CMS to ease maintenance.

rocknbil

10:58 pm on Feb 26, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I use two. The samples below are html, not xhtml, because most pages don't actually use xhtml in spite of the doctype.

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

mike2010

3:52 am on Feb 27, 2009 (gmt 0)

10+ Year Member



On a separate note, at 100 pages, you might want to consider using includes or a CMS to ease maintenance.

I was thinking of trying out UltraEdit for this. Supposedly it can edit (find/replace) many pages at once.

thx for the tips guys.

phranque

6:40 am on Feb 27, 2009 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



i typically use something like this:

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.gif" type="image/gif">

check out these WebmasterWorld threads for more than you wanted to know about favicon:
Favicon Primer [webmasterworld.com]
Stop all those favicon 404s! [webmasterworld.com]

mike2010

3:56 pm on Feb 27, 2009 (gmt 0)

10+ Year Member



I tried all the techniques listed here and NONE of them work for IE8. I've cleared EVERYTHING cache wise...history wise.. exit'd the browser. still nothing.

Why is microsoft so stupid and always has to be different from the rest ? Their browser has always sucked and it makes sites take forever to load. The general public cant be too bright to still have IE as the most popular browser.

choster

6:23 pm on Feb 27, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I'm not a Microsoft fan, but considering they invented the favicon I would cut them some slack :).