Help - Search - Members - Calendar
Full Version: icon in address bar
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
rain
Hi, Here is the address to my page:
www.mainemadestuff.com .
Here is the code I put into my page to make the icon show up in the address bar, but it doesn't work.
<link REL="SHORTCUT ICON" HREF="http://www.mainemadestuff.com/wolf2.ico">

I put the icon in both my Image file and right in the directory where my index page is stored.
Can you please help me with this?

Thank you,
Deb
Corey Bryant
Try naming it favicon.ico if you are using Microsoft Internet Explorer. Should I use a Favicon and image in the address bar offers a few other solutions. But MSIE is picky at times. I did see the favicon in Opera and Firefox though.
Darin McGrew
Works fine for me in Firefox and Opera, but not in Safari. I didn't see anything wrong, though. The Content-Type looks right, and it looks like it really is an icon file. Safari won't display anything, even when I open the icon URL directly. Odd...
Frederiek
Try renaming the file to favicon.ico.
rain
I did rename the file to favicon, and it does work in Mozilla Firefox, but not in IE 7. hmmmmmm
I am checking out the links Corey left.
Thank you to each of you. I'll keep trying.
Happy New Year to you!
pandy
Are you aware of that IE doesn't show the favicon until you have bookmarked the page or otherwise saved a shortcut to it? If you already had a shortcut with the default icon you have to remove it before you bookmark the page again or the favicon won't be used. This could have changed in IE7 of course, but I haven't heard that it has.
Darin McGrew
When I view http://www.mainemadestuff.com/favicon.ico directly in Safari, it doesn't display.

When I view http://www.htmlhelp.com/favicon.ico directly in Safari, it does display.

But I noticed that http://www.mainemadestuff.com/favicon.ico displays at 32x32 pixels, rather than at 16x16 pixels. Maybe that's the problem.
rain
Finally, it is working in IE. I went to the sites Cory had suggested and pasted in each code one at a time, trying it each time. Nothing worked, but then I put the following in there, and for some reason, it works.
<!-- <link REL="SHORTCUT ICON" HREF="http://www.mainemadestuff.com/favicon.ico"> -->
<!-- <link rel="icon" href="favicon.ico"> -->

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

I don't have the other browsers, just Mozilla and IE. I know I should download another one, but am on dial-up, and I bet you all know how long it takes to download anything. We live up in the woods, and there are no services up here to provide high speed. So, I am stuck here in slow speed.

Thank you all.
Deb
Darin McGrew
FWIW, Opera is still pretty small and compact, so it won't take long to download.
rain
I'll try downloading the Opera browser.
Koudai2008
Yeah, that stuff didn't work for me, so I just went to a web site I knew had a favicon in the address bar and looked at the source code for it. In the source code I searched for the letters "ico" and found this code: <link rel="shortcut icon" type="image/ico" href="/favicon.ico">.

All you have to do is copy and paste it into your html editor and change "/favicon.ico"to the url of the icon that you're trying to use. It worked for me.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.