is there a hidden FAVICON file for browsers?

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?

(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-10-2012, 10:40 PM)andrewjs18 Wrote:

(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.

ahhh, thank you Andrew!

very strange... I wonder what IE9 doesn't like about it.... hmmm

That's what shows up on my browser.

(06-11-2012, 08:56 AM)gijames Wrote:

(06-10-2012, 10:40 PM)andrewjs18 Wrote:

(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.

ahhh, thank you Andrew!

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, 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: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-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">

Thanks again!
--james

(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,

Code:

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

Thanks again!
--james

done. give it a few hours to see if it loads (clean your cache and cookies as well).

(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, 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, 11:32 AM)andrewjs18 Wrote: oh how I LOVE IE.

hehe, perhaps the version coming with Windows8 will be a bit more *open* standard

(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: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, 02:48 PM)andrewjs18 Wrote: *snip*
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.

this is another great example of the community you all (Site Admins and Mods) give to us (users)!

Thank you, Andrew! for letting me you with information!

(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

I must say that I'm impressed with the knowledge and perseverance evident in this thread.

w00p!


IE9 fully Nooked!
   

William, I was thinking the same thing. All I know is you turn it on and it either works or it does not. All the rest of this you might as well be speaking Greek or Latin to me.