06-10-2012, 10:06 PM
#1
  • gijames
  • Mile High Soldier
  • TN, USA
User Info
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?

9 1,684
Reply
 06-10-2012, 10:40 PM
#2
User Info
(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.

40 5,830
Reply
 06-11-2012, 08:56 AM
#3
  • gijames
  • Mile High Soldier
  • TN, USA
User Info
(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

9 1,684
Reply
 06-11-2012, 09:13 AM
#4
User Info
That's what shows up on my browser.

0 145
Reply
 06-11-2012, 10:48 AM
#5
User Info
(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.

40 5,830
Reply
 06-11-2012, 12:00 PM
#6
  • mikeperry
  • Senior Member
  • St Louis via the UK
User Info
(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

23 1,872
Reply
 06-11-2012, 12:46 PM
#7
User Info
(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.

40 5,830
Reply
 06-12-2012, 07:22 AM
#8
  • gijames
  • Mile High Soldier
  • TN, USA
User Info
(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

9 1,684
Reply
 06-12-2012, 08:45 AM
#9
User Info
(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).

40 5,830
Reply
 06-12-2012, 09:56 AM
#10
  • mikeperry
  • Senior Member
  • St Louis via the UK
User Info
(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

23 1,872
Reply
 06-12-2012, 11:32 AM
#11
User Info
(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. Angry

40 5,830
Reply
 06-12-2012, 12:41 PM
#12
  • gijames
  • Mile High Soldier
  • TN, USA
User Info
(06-12-2012, 11:32 AM)andrewjs18 Wrote: oh how I LOVE IE. Angry

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

9 1,684
Reply
 06-12-2012, 02:26 PM
#13
  • mikeperry
  • Senior Member
  • St Louis via the UK
User Info
(06-12-2012, 11:32 AM)andrewjs18 Wrote: oh how I LOVE IE. Angry

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 Wink

Take care, Mike

Edit: Added missing link.

23 1,872
Reply
 06-12-2012, 02:48 PM
#14
User Info
(06-12-2012, 02:26 PM)mikeperry Wrote:
(06-12-2012, 11:32 AM)andrewjs18 Wrote: oh how I LOVE IE. Angry

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 Wink

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.

40 5,830
Reply
 06-12-2012, 03:18 PM
#15
  • gijames
  • Mile High Soldier
  • TN, USA
User Info
(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 Badger you with information!

Biggrin

9 1,684
Reply
 06-12-2012, 03:55 PM
#16
  • mikeperry
  • Senior Member
  • St Louis via the UK
User Info
(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

23 1,872
Reply
 06-12-2012, 05:35 PM
#17
User Info
I must say that I'm impressed with the knowledge and perseverance evident in this thread.

29 1,731
Reply
 06-12-2012, 06:31 PM
#18
  • gijames
  • Mile High Soldier
  • TN, USA
User Info
w00p!

Biggrin
IE9 fully Nooked!
   

9 1,684
Reply
 06-12-2012, 06:33 PM
#19
  • Johnny
  • Super Moderator
  • Wausau, Wisconsin, USA
User Info
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.Huh

173 23,533
Reply
Users browsing this thread: 1 Guest(s)