www.webdeveloper.com
Results 1 to 9 of 9

Thread: Changing icon on the internet explorer tab?

  1. #1
    Join Date
    Sep 2007
    Posts
    13

    Changing icon on the internet explorer tab?

    Hello! I was just wondering if anyone has figured out how to change the icon on the internet explorer tab. I've searched around but haven't seen anyone talking about how to do it (maybe because it's a new feature??). Every big web site seems to have theirs, though! Any ideas? Thanks!

  2. #2
    I guess you are talking about favicon. you need to have .ico format of your desire image. 16x16 or 32x32 in the same root as your .html files
    if name of image is favicon.ico
    here is the code to add in the head section of that HTML page.
    <link rel="shortcut icon" href="favicon.ico" ></link>

  3. #3
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    It's been around for many years - it even pre-dates tabbed browsers and they have been around a really long time.
    Stephen

  4. #4
    Join Date
    Sep 2007
    Posts
    13

    Anyway....

    Thanks, Coyote! Always a pleasure to have a nice response.

    I found a lovely favicon.ico generator at http://www.favicon.cc/? if anyone else needs it.

    When you say "root", I have to request further information.... I made the favicon.ico file and tried it in my httpdocs file where I have to put all my html files for my hosting co. It doesn't work. I can't put files in the actual root (/) folder... Any suggestions?

    Thanks in advance!

  5. #5
    Make sure red Highlighted is included
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link rel="shortcut icon" href="favicon.ico" ></link>
    </head>
    
    <body>
    </body>
    </html>
    and you gotta have index.html or any other .html and favicon.ico in same place make sure they are neighbors.

  6. #6
    Join Date
    Sep 2007
    Posts
    13

    Yep..

    Swear to goodness...it's just like that.. Probably just my server... *sigh* Gonna bug my hosting support again. Thanks!

  7. #7
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    16 X 16 are favicon and 32 X 32 are desktop icons. You won't get a 32 X 32 icon to function as a "favicon" (it might just be resized, or refused, but they need to be 16 X 16.)
    I build for: Firefox and tweak for IE

  8. #8
    Join Date
    Sep 2007
    Posts
    13
    I imported an image to http://www.favicon.cc/. The area they show is 16x16. I simply then downloaded the file from there. Paint verifies that it is, indeed, 16x16 pixels, with a resolution of 96x96 dpi. It is 1,406 bytes in size.

  9. #9
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,211
    IE has a problem showing favicons until you save the page as a favorite and it gets stored. Try Firefox or another browser to amke sure your favicon is NOT showing. FF is very reliable as to showing favicon if path and file are correct. My favicon is 32x35 and it's not even in the root directory, but Firefox has no problem with it. Other browsers might, but that's their problem. I'm sure there will be additional comments about this and the usual recommendations.

    Use the Favicon Validator. Says mine isn't valid, but works fine in most browsers.

    More online favicon generators if you like that gives instructions on how to place favicons and link:

    http://www.html-kit.com/favicon/
    http://tools.dynamicdrive.com/favicon/

    Root directory refers to where your index.html page is.

    Ron
    Last edited by Major Payne; 08-22-2008 at 08:15 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles