Question:

What's wrong with my HTML code?

by  |  earlier

0 LIKES UnLike

I want to add a simple favicon to my site, 16X16 pixels in size. But, the code that I'm using won't work, is it wrong?

<html>

<head>

<link rel="shortcut icon" href="http://i350.photobucket.com/albums... type="image/x-icon">

</head>

<body>

text.......

</body>

</html>

 Tags:

   Report

4 ANSWERS


  1. Pezzadep may be on the right track when he/she mentions IE (Internet Explorer) not showing icons.

    I find that my IE won&#039;t EVER show my favicons that I made for a website I manage and Firefox is quite happy to oblige.  The site I found info about IE on suggests several fixes, none of which worked for me.  So check first by using a different browser and see what happens.


  2. Try using the following free favicon makers and follow the instructions for how to insert the right meta tags with links:

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

    http://tools.dynamicdrive.com/favicon/

    http://www.favicon.cc/

    For IE help see:

    http://www.favorez.com/help_en/repair_fa...

    The link you use is correct, but I would suggest putting your favicon in the root directory of your site and not link to a hosted one.

    Ron

  3. Can&#039;t say for sure, but a problem might be that you&#039;re linking to photobucket.com when it probably needs to be on the same server your site is hosted on. Sometimes certain things can&#039;t be linked to externally due to security issues. And it would also be a good idea to place it in your home directory (i.e. /favicon.ico). ...which by the way, your image extension is a .png which also might not work? Try doing all of the above and if it works, one by one add it back to the way you have it above to see what is &quot;breaking&quot; it.

    And from the dynamic drive link listed by another poster:

    &quot;Note that your favicon may not appear immediately after you&#039;ve completed the above two steps. In fact, it may take a few days, and in IE, sometimes the favicon will disappear from time to time due to a browser bug.&quot;

  4. Your link is incorrect.

    The icon MUST be called &quot;favicon.ico&quot;.  Nothing else will work with all browsers.  It MUST be on the same server as the file calling it.  It CAN be in a sub-directory (the case below: &quot;pics&quot;).  It MUST be 16x16 AND designed as an ICON (a jpeg with changed extention will not work).

    You can use &quot;iconforge&quot; to design it.

    &lt;LINK REL=&quot;SHORTCUT ICON&quot; HREF=&quot;pics/favicon.ico&quot;&gt;

Question Stats

Latest activity: earlier.
This question has 4 answers.

BECOME A GUIDE

Share your knowledge and help people by answering questions.