the logo on website tab on firefox!

Discussion in 'HTML & Website Design' started by Surfandskimer, Dec 26, 2006.

0
Page 1 of 2
  1. #1
    Ok so you have open firefox and you have more than one site open set up with the tabs. What is the code to get that image on there. So if you look at dps tab on firefox that you ahve open right now. Whats the html code to get that up there!
     
    Surfandskimer, Dec 26, 2006 IP
  2. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #2
    It is done by placing a small graphic named favicon.ico in the top level directory of the web site.

    No HTML needed. :)
     
    Will.Spencer, Dec 26, 2006 IP
  3. Surfandskimer

    Surfandskimer Peon

    Messages:
    349
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thanks will!
     
    Surfandskimer, Dec 26, 2006 IP
  4. Corey Bryant

    Corey Bryant Texan at Heart

    Messages:
    1,126
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    0
    #4
    FavIcon should help you out as well if you need a converter etc
     
    Corey Bryant, Dec 27, 2006 IP
  5. ArcticPro

    ArcticPro Banned

    Messages:
    1,273
    Likes Received:
    30
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Actually you DO have to put this HTML code in your <head></head> code.

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    HTML:
     
    ArcticPro, Dec 27, 2006 IP
  6. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I've tried it without the link code before and it didn't work quite right.

    I added this code in (minus the close slash, since I'm using HTML rather than XML) and it worked beautifully. Thanks ArcticPro.

    Surfandskimer: If you're going to work with a large image, then resize it to a smaller one, I recommend using a transparency for the background rather than a color, because it'll show up in the tab, and the address bar, and the color of the tab can be changed by themes. So if you use a background color, you'll wind up with a square of that color around the image.
     
    Josh Inno, Dec 27, 2006 IP
  7. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #7
    I don't use any such code and my favicons work perfectly.
     
    Will.Spencer, Dec 27, 2006 IP
  8. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Rick: Can you give a link to a page that forgoes the use of this tag, yet still works?
     
    Josh Inno, Dec 27, 2006 IP
  9. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #9
    Will.Spencer, Dec 27, 2006 IP
  10. Corey Bryant

    Corey Bryant Texan at Heart

    Messages:
    1,126
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Corey Bryant, Dec 27, 2006 IP
  11. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Well the image I have been using is in the root directory, but it did not work until I threw that link in, which linked to the file in the root directory. However your page worked right off the bat.
     
    Josh Inno, Dec 27, 2006 IP
  12. Corey Bryant

    Corey Bryant Texan at Heart

    Messages:
    1,126
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    0
    #12
    It can also be dependent on the webhosting provider as well - how they handle that type of file - or something like that. There are a few things that it depends on without the code - but with the code, your chances are greater that it will appear
     
    Corey Bryant, Dec 27, 2006 IP
  13. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Corey:

    A ringing endorsement to use the code if I ever heard one.

    I'd rather increase my chances of displaying the icon correctly by adding the code than leave it out and have a lower one, personally.
     
    Josh Inno, Dec 27, 2006 IP
  14. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #14
    There are no "chances", either your web server configuration is broken or it isn't.

    The BBC article says that code kluge is used if you can't place the favicon in the proper directory.
     
    Will.Spencer, Dec 27, 2006 IP
    Mia likes this.
  15. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #15
    The "chances" here I'm talking about are those based on browser.

    Personally, I trust the BBC only as far as I have to. If I can get info from another source, unless it's something as open to error as Wikipedia, I'm going to trust that other source over the BBC.

    However... every other site I've looked at has just said 'root' directory. BBC is saying 'server root' are we talking a directory further back in the structure than the pubhtml directory, or are we talking about placing it directly in the publichtml directory?
     
    Josh Inno, Dec 28, 2006 IP
  16. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #16
    Placing it in the DocumentRoot directory for that virtual server.
     
    Will.Spencer, Dec 28, 2006 IP
  17. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #17
    And this is also the directory that holds the pubhtml folder normally, or -is- this the pubhtml folder?
     
    Josh Inno, Dec 28, 2006 IP
  18. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #18
    This is the same directory as your index.html (index.shtml, index.php, index.htm, whatever...) file goes into.
     
    Will.Spencer, Dec 28, 2006 IP
  19. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #19
    Thank you. I try never to assume I know what someone is talking about if I'm not positive I do.

    Now. How exactly could server settings be screwed up to prevent favicon.ico files from working right?
     
    Josh Inno, Dec 28, 2006 IP
  20. Will.Spencer

    Will.Spencer NetBuilder

    Messages:
    14,789
    Likes Received:
    1,040
    Best Answers:
    0
    Trophy Points:
    375
    #20
    You would have to put the favicon in the wrong directory.

    (Note: DocumentRoot is definable -- the "right" directory is whatever directory you say is the right directory!)
     
    Will.Spencer, Dec 28, 2006 IP
Page 1 of 2