LITTLEBLACKDOG.COM

Posted: Tue Dec 08, 2009 11:40 am Post subject: favicon

favicon... there are dozens of places that seem to tell you the proper way of making this work. And on other servers I have made this work. Is there anything I can do to make it work properly on a windows server iis 5.1?

I've used the various code and even using the one microsoft says to use

Code: Select all

<link rel="SHORTCUT ICON" href=http://mysite/favicon.ico/>

and leaving the favicon in the root directory. FF reconizes it, but ie 7 does not... I have done all the normal things like delete the cache but still I can not get it to work in IE... I'd give a link but its for an intranet but here is the entire header section:

Quote:
<html>
<head>
<link rel="SHORTCUT ICON" href=http://mysite/favicon.ico/>
<title>The Title Goes Here</title>
<link rel="stylesheet" type="text/css" href="THESHEET.css.php" />
</head>
<body>

http://www.favicon.cc/
used this site to create it btw

Posted: Tue Dec 08, 2009 12:40 pm Post subject:

Code: Select all

<link rel="shortcut icon" href="favicon.ico"/>


<link rel="icon" type="image/ico" href="favicon.ico"/>

Posted: Tue Dec 08, 2009 12:43 pm Post subject:

I'm assuming that where you have "mysite" you have the actual domain name?

You can also specify a relative path:

Code: Select all

<link rel="shortcut icon" href="images/favicon.ico" />

Finally, try just leaving it out the code altogether. By default the browser looks in the root folder for the favicon.ico file.

Posted: Wed Dec 09, 2009 5:03 am Post subject:

Yeah mysite in my code is taking place of my actual site name or in this case the ip address, of the server since it has no domain name attached to itself as of yet.

Code: Select all

<html>


<head>





<link rel="shortcut icon" href="favicon.ico"/> 


<link rel="icon" type="image/ico" href="favicon.ico"/>





<!-- <link rel="shortcut icon" href="images/favicon.ico"/> -->


<!-- <link rel="SHORTCUT ICON" href=http://IPADDRESSHERE/favicon.ico/> -->


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





<title>The Title Goes Here</title>


<link rel="stylesheet" type="text/css" href="THESHEET.css.php" /> 


</head>

You can see the various code I've tried that is commented out. I've had the favicon in an image folder then in the root directory with direct links and still no luck. I fought this battle with other sites but for the life me can not get it to work on this one using IE... works fine in the other browsers. I hate when IE is picky oh well... Thanks for the help... Let me know if there are any further tricks to try. Or if it looks like I overlooked something.

Posted: Wed Dec 09, 2009 6:02 am Post subject:

I did find a slight bug but didn't help any when I fixed it... just noting.

Code: Select all

<link rel="SHORTCUT ICON" href=http://IPADDRESSHERE/favicon.ico/>

fixed to

Code: Select all

<link rel="SHORTCUT ICON" href="http://IPADDRESSHERE/favicon.ico/">

Was missing the quotes... still no work though. Confused

Posted: Wed Dec 09, 2009 6:47 am Post subject:

Looks like it might be an issue with your IIS configuration and not your code. I'd investigate that.

Posted: Wed Dec 09, 2009 6:58 am Post subject:

guyguy50 wrote:
I did find a slight bug but didn't help any when I fixed it... just noting.

Code: Select all
<link rel="SHORTCUT ICON" href=http://IPADDRESSHERE/favicon.ico/>
fixed to
Code: Select all
<link rel="SHORTCUT ICON" href="http://IPADDRESSHERE/favicon.ico/">

Was missing the quotes... still no work though.

Remove the trailing slash from the ico/ reference?

Code: Select all

<link rel="SHORTCUT ICON" href=http://IPADDRESSHERE/favicon.ico>

fixed to

Code: Select all

<link rel="SHORTCUT ICON" href="http://IPADDRESSHERE/favicon.ico">

Posted: Wed Dec 09, 2009 7:20 am Post subject:

guyguy50 wrote:
I did find a slight bug but didn't help any when I fixed it... just noting.

Code: Select all
<link rel="SHORTCUT ICON" href=http://IPADDRESSHERE/favicon.ico/>
fixed to
Code: Select all
<link rel="SHORTCUT ICON" href="http://IPADDRESSHERE/favicon.ico/">

Was missing the quotes... still no work though.

quotes go inside the slash

http://www.w3.org/2005/10/howto-favicon

Posted: Wed Dec 09, 2009 7:25 am Post subject:

guyguy50 wrote:
Yeah mysite in my code is taking place of my actual site name or in this case the ip address, of the server since it has no domain name attached to itself as of yet.

Code: Select all
<html> <head> <link rel="shortcut icon" href="favicon.ico"/> <link rel="icon" type="image/ico" href="favicon.ico"/>    <title>The Title Goes Here</title> <link rel="stylesheet" type="text/css" href="THESHEET.css.php" /> </head>

You can see the various code I've tried that is commented out. I've had the favicon in an image folder then in the root directory with direct links and still no luck. I fought this battle with other sites but for the life me can not get it to work on this one using IE... works fine in the other browsers. I hate when IE is picky oh well... Thanks for the help... Let me know if there are any further tricks to try. Or if it looks like I overlooked something.

If it has no domain name yet, a defined uri to the image won't work. the IP will only work if your account has a dedicated IP. It's quite possible that IE is choking on the fact that you're trying to serve it up via IP.

Posted: Wed Dec 09, 2009 7:47 am Post subject:

It has a dedicated IP... I'll have to check that out then too with the domain name to see if that may be an issue. I'm playing around with the server as well... not exactly used to a windows server, iis5.1 is what they are using... and I hate it really but only because I'm not familiar with it really though. Anyways I am going to check all the suggests here and I'll let you know. Thanks All for the Help.

Posted: Wed Dec 09, 2009 7:58 am Post subject:

I got it to work with this...

Code: Select all

<html>


<head>


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


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





<title>The Title Goes Here</title>


<link rel="stylesheet" type="text/css" href="THESHEET.css" /> 


</head>

I could swear it was working with something similar to that... but after just starting over and using that from the http://www.w3.org/2005/10/howto-favicon (THANKS OLIVE BTW)... and then reading too from http://www.winterdrache.de/freeware/png2ico/favicon.html it seemed to work with those to lines suddenly... now I can get back to work on more important stuff and stop obsessing over the little things. Thanks Again!

Posted: Wed Dec 09, 2009 8:01 am Post subject:

if the index/home/default page is displaying, unless the host set something up to block .ico from displaying (would be a first?), and the favicon is in the root (same path as default page,) IIS is most likely setup right. Not to mention the fact that you say it works fine in other browsers.

It sounds like you can browse to your site via the IP, so my best guess, assuming human errors do not exist (does favicon.ico exist or, or is it favicon.png, etc,) is that IE is not liking the idea of displaying the icon because it's referenced via an IP.

As the w3c link i posted stated, best method is to use a rel attribute. In your case, it would eliminate the need for a domain name and an IP in the browser. The browser kind of thinks "ok, I'm looking for the favicon in the same directory as the page I am viewing," and doesn't bother trying to look for the IP/domain again to display the image.

Posted: Wed Dec 09, 2009 8:04 am Post subject:

good to hear

Posted: Thu Dec 10, 2009 4:09 am Post subject:

Yeah I don't know what I did to get it to work. I assume is was most probrably human error since I just scratched it and started over using those examples.