1. You are viewing our forum as a guest. For full access please Register. WindowsBBS.com is completely free, paid for by advertisers and donations.

(local machine html) favicon does not display on my local machine with IE7

Discussion in 'Internet Explorer & Microsoft Edge' started by John Geiger, 2009/02/09.

  1. 2009/02/09
    John Geiger

    John Geiger Inactive Thread Starter

    Joined:
    2009/02/09
    Messages:
    4
    Likes Received:
    0
    IE7.0.6001.18000 Vista Ulitmate SP1 Intel Core Duo E8400 3Gz ram 4Gb

    I have a html e-cookbook for regular cooking recipes. I just use this on my local machine. The ebook favicon will display in the address bar and tab in other browsers but not in IE7. I would also like the favicon to work simply on other local machines (family members' local machines) by default.

    [My IE7 does display favicons while browsing websites on the internet. If I save a webpage that has a custom favicon in the address bar (say, msn.com) to my local machine, and then open the saved page on my local machine, the default favicon (E) is displayed and not the custom one that was displayed over the internet.) However, the other browser (M 3.0.6) will open the locally saved webpage and will display the custom favicon in the address bar and tab - (source code shows href= "http://hp.msn.com/global/c/hpv10/favicon.ico" type=image/x-icon
    ")]

    So before reading the rest of this, I think the problem is simply that IE7 will not display a custom favicon for a local html file on my local machine.

    ===

    Below are the steps I took in working with my local html ebook file.

    My html ebook favicon.ico file is in the same folder as the index.html file. I also put a favicon.ico file in an "images" folder. I have a valid favicon.ico file, both self-made and other valid downloaded ones. I've cleaned out the browser history and cache and for good measure everything else, and deleted any favorite bookmarks to the file.

    I've tried every single variant of <link rel= "shortcut icon" href= "favicon.ico" type= "image/x-icon "> in the proper place before the </head> that I could find.

    I bookmarked my ebook and the bookmark had the defaullt IE icon. I changed the favorites bookmark icon property to my favicon, and at least the new bookmark icon is persistent. However, my favicon icon is not displayed in the address bar or in the browser tab. This is aggravating but I guess trivial, but I really would like it to work.

    I've validated my html and my css.

    here is a test file sample run through Tidy and validated:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">

    <html>
    <head>
    <title>Test</title>
    <link rel='stylesheet'
    href='style.css'
    type='text/css'>
    <meta http-equiv= "Content-Style-Stype "
    content= "text/css ">
    <meta http-equiv= "Content-Type "
    content= "text/html; charset=us-ascii ">
    <link rel= "shortcut icon "
    href= "favicon.ico ">
    </head>

    <body>
    <img src= "file://localhost/c:/test/favicon.ico "
    alt= "favicon ">

    <p>Test text.</p>
    </body>
    </html>

    The variants of the link I've tried are (some of these are probably not valid):
    <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= "images/favicon.ico ">
    <link rel= "shortcut icon" type= "image/x-icon" href= "favicon.ico" />
    <link rel= "shortcut icon" type= "image/x-icon" href= "images/favicon.ico" />
    <link rel= "shortcut icon" href= "/favicon.ico" type= "image/vnd.microsoft.icon ">
    <link rel= "icon" href= "/favicon.ico" type= "image/vnd.microsoft.icon ">
    <link rel= "address bar icon" href= "favicon.ico ">
    <link rel= "shortcut icon" href= "file://localhost/c:/test/favicon.ico ">

    I tried linking to the favicon with an absolute path (not what I want) but it still did not work (i.e. <link rel= "shortcut icon" href= "file://localhost/c:/test/favicon.ico "> (works in other browsers but not IE7).

    I just cannot get IE7 to display the favicon of a local html file on the local machine. I also give the html ebook to family members, so I'd like favicon to just simply display without any special settings. I don't think I have any weird settings on my IE, and my IE7 does display favicons while browsing websites on the internet. Options with IE - check for newer version of webpage every time page is visited is checked - tried others also.

    I appreciate any help you can provide, but for now I've concluded that favicon will not easily work (and does not currently work for me) with _any_ local html on my local machine with IE7.
     
  2. 2009/02/09
    PeteC

    PeteC SuperGeek Staff

    Joined:
    2002/05/10
    Messages:
    28,896
    Likes Received:
    389
    Welcome to WindowsBBS :)

    Way beyond me, but according to this your efforts could be in vain .....

    Favicon
    Whether or not this has changed in IE 8 I don't know, bit you could give it a try .....

    Internet Explorer 8 RC1
     

  3. to hide this advert.

  4. 2009/02/09
    John Geiger

    John Geiger Inactive Thread Starter

    Joined:
    2009/02/09
    Messages:
    4
    Likes Received:
    0
    Thanks. I suspect that favicon won't work with IE7 with a local html file on a local machine. From an average Mom and Pop (home, not business) user's point of view, it's ridiculous that something so simple doesn't work.
     
  5. 2009/02/09
    John Geiger

    John Geiger Inactive Thread Starter

    Joined:
    2009/02/09
    Messages:
    4
    Likes Received:
    0
    For the record, IE 8 RC1 8.0.6001.18372 - local html favicon on a local machine does not work, at least for me. As noted above, favicon displays fine in Firefox / Mozilla.

    Thanks everyone for reading and thinking about my favicon problem.
     
  6. 2009/02/09
    PeteC

    PeteC SuperGeek Staff

    Joined:
    2002/05/10
    Messages:
    28,896
    Likes Received:
    389
    Sorry we could not help you - it seems that the ability to display a local html favicon on a local machine is not coded into IE.
     
  7. 2009/02/10
    TonyT

    TonyT SuperGeek Staff

    Joined:
    2002/01/18
    Messages:
    9,072
    Likes Received:
    400
    Upload the favicon to a Web server and change this:
    <link rel= "shortcut icon "
    href= "favicon.ico ">
    to this:
    <link rel= "shortcut icon "
    href= "absolute-url-of server/favicon.ico ">
    (example: href= "http://some-domain.com/icons/favicon.ico" )

    It the person viewing the local html file has an active Internet connection then the favicon should get used. If no Internet connection then it won't matter because IE won't display a favicon unless it's from a remote url.
     
  8. 2009/02/10
    John Geiger

    John Geiger Inactive Thread Starter

    Joined:
    2009/02/09
    Messages:
    4
    Likes Received:
    0
    Thanks for the suggestion - I had considered doing that for about one second and decided not to. Likely, in small print in the ebook, I'll point out that a favicon will be displayed in the tab and address bar under Mozilla\Firefox, but not currently with IE. The favicon is really trivial, but nice to have. Until someone can show me how to do this locally with IE, I'm done. The local favicon works with the other browser. :) IE is inept in this instance (unless it can be done, which, so far, no luck). A few thoughts follow, not trying to convince anyone of anything, just my feelings as someone who just spent some (a lot of) time customizing and making my html cookbook.

    The local html file favicon (imo) should be able to be displayed by the browser on the local machine without hiking out to the internet. Some people I know don't want a lot of contact with the internet. A simple local homemade ebook should be able to be completely handled on the local machine without support from outside.

    For example, the body of the ebook contains links to photos, pages, files, and individual recipes files all contained in the ebook folder or subfolder on the local machine (hard drive or USB drive) - click on the photo and get the full size one - click on the recipe title and get the recipe. No one would expect to have to obtain any of these linked items off the internet for an ebook, or any personal html file. Personal for me is private and local.

    Html is nice for an ebook since it's easy to add addtional recipes, or to change the style of the whole book with well-designed style sheets.

    To all, thanks again.
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.