favicon.ico not working with iWeb v3 website

Question

Level 1

0 points

favicon.ico not working with iWeb v3 website

I followed the instructions on the Web and Apple Discussions about creating a "Favicon" URL icon for a new website created with iWeb v3, but it's not working. I tried both:
1) adding the 1-line HTML code after <title>...</title> in each .html file for the site:
ex: <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
and
2) using JavaScript in an HTML Snippet on each iWeb page as described at:
discussions.apple.com/thread.jspa?messageID=13205274&#13205274

I know the .ico file is good, because if I just enter (example) website.com/favicon.ico, it displays the icon properly as my Favicon (and in the browser window), but the icon WON'T display for any of the site's pages!

How can I get this to work, either by manually inserting code into each .html page, or preferably automatically in iWeb?

MacPro, Mac OS X (10.6.7)

Posted on Apr 8, 2011 3:18 PM

Reply

Answer 1

Apr 8, 2011 4:44 PM in response to galaxy_guy

How are you hosting your website?

Reply

Answer 2

galaxy_guy Author

Level 1

0 points

Apr 8, 2011 7:06 PM in response to Jeff Nitschke

Through a small 3rd-party ISP. The site just gets uploaded by FTP. While there's problems with some basic iWeb v3 features displaying properly in IE & Chrome, everything else seems to work fine. Surprisingly, Favicon is now WORKING in Firefox4 and Safari(Windows), but not on IE & Chrome.

Reply

Answer 3

Apr 9, 2011 8:58 AM in response to galaxy_guy

I have a favicon on my site however, I do NOT use the favicon code I simply dropped it in the root folder "directory" of the site.

http://jeffnitschke.com

Reply

Answer 4

Roddy

Level 6

17,265 points

Apr 9, 2011 9:35 AM in response to galaxy_guy

The favicon appears in the tab, rather than the URL box, in Chrome.

Reply

Answer 5

galaxy_guy Author

Level 1

0 points

Apr 11, 2011 10:32 AM in response to Roddy

OK, it's strange, but Favicon has started working now for the new Website in Firefox, Chrome, Safari & Opera ...but still not in IE9. I'm using the 2-line HTML method in all .html files, just after <title>...</title>
<link rel="shortcut icon" href=http://www.website.com/favicon.ico />
<link rel="icon" href=http://www.website.com/favicon.ico />
I had cleared caches, Refreshed Web-pages, etc., in all the browsers (and even re-booted), but it wasn't working, and now it is! Bizarre!.
Any ideas on how to get it to work in IE (v9 or earlier)? I have some bookmarks to other Websites with Favicons in IE, so I know it works.

FYI, even Firefox4 doesn't fully conform to the Acid3 tests (only Safari gets 100%, even on my iPhone); see: http://acid3.acidtests.org

Reply

Answer 6

Scotious

Level 2

420 points

Apr 11, 2011 3:37 PM in response to Jeff Nitschke

Jeff-- I like your site. two things I'm noticing:

1. Favicons are fickle. I definitely don't see yours on Safari (or mine) right now (aacfm.com) but....I do on Firefox. Wish I knew why.

2. This is a nitpick: why do you have an apostrophe on the "Photos" headers? Just wondering-- since that's your bread and butter.

Reply

Answer 7

Apr 12, 2011 7:43 AM in response to Scotious

To be honest it was an over look on the "apostrophe".

And, to be honest in this economy my "bread and butter" just happens to be scrubbing toilettes.

Reply

Answer 8

Scotious

Level 2

420 points

Apr 12, 2011 12:22 PM in response to Jeff Nitschke

Jeff-- I hope no offense was taken-- I happen to be a raging typoholic. I guess I meant "Photos" seemed to be the main focus of the site. I do so admire your work with the tabby self-esteem issue. 😉

I also am really curious why on your site and mine the favicon appears in Firefox, but not Safari. Anyone?
--Scott

Reply

Answer 9

Apr 17, 2011 8:25 AM in response to Scotious

None taken.

I have tried some new code on my site that may help with the original "favicon" issue.

http://jeffnitschke.com/Home.html

Reply

Answer 10

Old Toad

Level 10

215,718 points

Apr 17, 2011 3:26 PM in response to galaxy_guy

Are you sure you have the right URL to the favicon file on the server and that it is on the server? What's the URL of your site so we can examine it first hand?

Reply

Answer 11

Scotious

Level 2

420 points

Apr 17, 2011 4:54 PM in response to Old Toad

Interestingly, all of my websites only have the favicon file dropped in the root of the directory. No extra code. They all show up easy as pie in Firefox and Chrome, but not in Safari-- although I remember when they used to. Does anyone know why? Do they behave the same when you all try them?

Jeff's *is* showing up in Safari, btw.

http://aacfm.com

http://lynnsipher.com

http://juliadavies.com

http://reitmanvideospecialists.com

and more....

Reply

Answer 12

Apr 17, 2011 6:52 PM in response to Scotious

I added this bit of code and a .png version as well:

<code>

</code>

Reply