06-10-2012, 10:40 PM
(06-10-2012, 10:06 PM)gijames Wrote: I often like looking at my favorites/bookmarks and Identifying visually where I am going by using what many websites define as a Favicon ...
Is there one that has been defined by TSN that maybe isn't getting loaded with the HTML header?
this is the favicon we use:
http://shavenook.com/favicon.ico
it loads just fine for me using firefox.
06-11-2012, 08:56 AM
(06-10-2012, 10:40 PM)andrewjs18 Wrote:ahhh, thank you Andrew!(06-10-2012, 10:06 PM)gijames Wrote: I often like looking at my favorites/bookmarks and Identifying visually where I am going by using what many websites define as a Favicon ...
Is there one that has been defined by TSN that maybe isn't getting loaded with the HTML header?
this is the favicon we use:
http://shavenook.com/favicon.ico
it loads just fine for me using firefox.
very strange... I wonder what IE9 doesn't like about it.... hmmm
06-11-2012, 10:48 AM
(06-11-2012, 08:56 AM)gijames Wrote:(06-10-2012, 10:40 PM)andrewjs18 Wrote:ahhh, thank you Andrew!(06-10-2012, 10:06 PM)gijames Wrote: I often like looking at my favorites/bookmarks and Identifying visually where I am going by using what many websites define as a Favicon ...
Is there one that has been defined by TSN that maybe isn't getting loaded with the HTML header?
this is the favicon we use:
http://shavenook.com/favicon.ico
it loads just fine for me using firefox.
very strange... I wonder what IE9 doesn't like about it.... hmmm
hmn, it doesn't want to load in IE8 for me either. I wonder if IE, being the devil browser that it is, wants the favicon to be specified somewhere in the page code rather than automatically picking it up, like firefox and chrome and opera do.
06-11-2012, 12:00 PM
(06-11-2012, 10:48 AM)andrewjs18 Wrote: hmn, it doesn't want to load in IE8 for me either. I wonder if IE, being the devil browser that it is, wants the favicon to be specified somewhere in the page code rather than automatically picking it up, like firefox and chrome and opera do.
Hi Andrew
To get the favicon working in IE you might try adding the following bit of code somewhere within the head tag area:
Code:
<link rel="icon" href="http://shavenook.com/favicon.ico" type="image/x-icon">
Take care, Mike
06-11-2012, 12:46 PM
(06-11-2012, 12:00 PM)mikeperry Wrote:(06-11-2012, 10:48 AM)andrewjs18 Wrote: hmn, it doesn't want to load in IE8 for me either. I wonder if IE, being the devil browser that it is, wants the favicon to be specified somewhere in the page code rather than automatically picking it up, like firefox and chrome and opera do.
Hi Andrew
To get the favicon working in IE you might try adding the following bit of code somewhere within the head tag area:
Code:
<link rel="icon" href="http://shavenook.com/favicon.ico" type="image/x-icon">
Take care, Mike
indeed. I'll look into adding it to the two themes we use tonight.
06-12-2012, 07:22 AM
(06-11-2012, 12:46 PM)andrewjs18 Wrote:(06-11-2012, 12:00 PM)mikeperry Wrote:(06-11-2012, 10:48 AM)andrewjs18 Wrote: hmn, it doesn't want to load in IE8 for me either. I wonder if IE, being the devil browser that it is, wants the favicon to be specified somewhere in the page code rather than automatically picking it up, like firefox and chrome and opera do.
Hi Andrew
To get the favicon working in IE you might try adding the following bit of code somewhere within the head tag area:
Code:
<link rel="icon" href="http://shavenook.com/favicon.ico" type="image/x-icon">
Take care, Mike
indeed. I'll look into adding it to the two themes we use tonight.
Hey Andrew, I noticed the change in the source code.
my IE9 still won't load TSN's icon.
I am not sure how much of a difference a word can change a browser's interpretation, but I found that my IE9 seems to like "shortcut icon" in order to properly process the favicon.ico symbol for the browser shortcut (display the icon on my address tab of the opened site, instead of the generic IE9 *E* symbol)
example,
Code:
<link rel="shortcut icon" href="http://websitepic/favicon.ico" type="image/x-icon">
--james
06-12-2012, 08:45 AM
(06-12-2012, 07:22 AM)gijames Wrote:(06-11-2012, 12:46 PM)andrewjs18 Wrote:(06-11-2012, 12:00 PM)mikeperry Wrote: Hi Andrew
To get the favicon working in IE you might try adding the following bit of code somewhere within the head tag area:
Code:
<link rel="icon" href="http://shavenook.com/favicon.ico" type="image/x-icon">
Take care, Mike
indeed. I'll look into adding it to the two themes we use tonight.
Hey Andrew, I noticed the change in the source code.
my IE9 still won't load TSN's icon.
I am not sure how much of a difference a word can change a browser's interpretation, but I found that my IE9 seems to like "shortcut icon" in order to properly process the favicon.ico symbol for the browser shortcut (display the icon on my address tab of the opened site, instead of the generic IE9 *E* symbol)
example,
Thanks again!Code:
<link rel="shortcut icon" href="http://websitepic/favicon.ico" type="image/x-icon">
--james
done. give it a few hours to see if it loads (clean your cache and cookies as well).
06-12-2012, 09:56 AM
(06-12-2012, 08:45 AM)andrewjs18 Wrote: done. give it a few hours to see if it loads (clean your cache and cookies as well).
Hi Andrew
Having read a little more on the subject of IE and favicons, it would appear IE has a problem if the specified favicon.ico path doesn't have "www." in the URL.
Therefore try the following:
Code:
<link rel="icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
Regarding the use of rel="shortcut icon" instead of rel="icon" that really is open to debate (at least from my reading, understanding on the subject).
For a belts and braces approach, the recommended approach seems to be to specify it both ways:
Code:
<link rel="icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
Take care, Mike
06-12-2012, 11:32 AM
(06-12-2012, 09:56 AM)mikeperry Wrote:(06-12-2012, 08:45 AM)andrewjs18 Wrote: done. give it a few hours to see if it loads (clean your cache and cookies as well).
Hi Andrew
Having read a little more on the subject of IE and favicons, it would appear IE has a problem if the specified favicon.ico path doesn't have "www." in the URL.
Therefore try the following:
Code:
<link rel="icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
Regarding the use of rel="shortcut icon" instead of rel="icon" that really is open to debate (at least from my reading, understanding on the subject).
For a belts and braces approach, the recommended approach seems to be to specify it both ways:
Code:
<link rel="icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
Take care, Mike
oh how I LOVE IE.

06-12-2012, 02:26 PM
(06-12-2012, 11:32 AM)andrewjs18 Wrote: oh how I LOVE IE.
Hi Andrew
Just a heads up, if the above doesn't work, try switching the order around ie
Code:
<link rel="shortcut icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
Some further reading on the subject of IE and favicons point toward the need to have rel="shortcut icon" before rel="icon".
Got to love browsers and their non standard ways of doing things

Take care, Mike
Edit: Added missing link.
06-12-2012, 02:48 PM
(06-12-2012, 02:26 PM)mikeperry Wrote:(06-12-2012, 11:32 AM)andrewjs18 Wrote: oh how I LOVE IE.
Hi Andrew
Just a heads up, if the above doesn't work, try switching the order around ie
Code:
<link rel="shortcut icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www.shavenook.com/favicon.ico" type="image/x-icon">
Some further reading on the subject of IE and favicons point toward the need to have rel="shortcut icon" before rel="icon".
Got to love browsers and their non standard ways of doing things
Take care, Mike
Edit: Added missing link.
gijames figured it out with some detective work.
it's working in at least ie9 and ie8 now.
basically, older versions of IE look for a .ico file, while newer versions look for a .png file. we uploaded both, then I added the code to reflect that.
06-12-2012, 03:18 PM
(06-12-2012, 02:48 PM)andrewjs18 Wrote: *snip*this is another great example of the community you all (Site Admins and Mods) give to us (users)!
it's working in at least ie9 and ie8 now.
basically, older versions of IE look for a .ico file, while newer versions look for a .png file. we uploaded both, then I added the code to reflect that.
Thank you, Andrew! for letting me


06-12-2012, 03:55 PM
(06-12-2012, 02:48 PM)andrewjs18 Wrote: gijames figured it out with some detective work.
it's working in at least ie9 and ie8 now.
basically, older versions of IE look for a .ico file, while newer versions look for a .png file. we uploaded both, then I added the code to reflect that.
Hi Andrew
Good to see gijames and yourself got it working...
As you've been having so much fun with favicons you might want to continue and have some fun with apple-touch-icon... PNG's.
See here: Safari Web Content Guide -> Configuring Web Applications
Phil should be able to supply you with the 3 different sized apple-touch-icon... PNG files. If he's unable to lay his hands on them give me a shout and I'll send them directly to yourself.
Take care, Mike
Users browsing this thread: 1 Guest(s)