off topic- html help

Posted:
in Genius Bar edited January 2014
how you make it so you have little icons before your url, you know what i'm talking about. it works in safari but not IE, not sure about other browsers. like if you go to CNN, you see their logo before the url



what is the html code to do that?

Comments

  • Reply 1 of 4
    That is what is known as a "favicon". Mozilla and Safari are the only browsers on OSX that load them properly. Chimera, unfortunately, ignores the HTML's source code altogether and uses a hard-coded location for the image.



    Here is a sample code snippet. It goes in the head of the HTML code:



    <link rel="icon" href="http://vb.appleinsider.com/images/favicon.ico"; type="image/x-icon">

    <link rel="shortcut icon" href="http://vb.appleinsider.com/images/favicon.ico"; type="image/x-icon">



    You can find some info at favicon.com or you could just Google it.



    Important note: the *.ico is NOT simply a renamed *.bmp file. This is a common misconception. Use an app like GraphicConverter to save in the correct format.



    [ 01-19-2003: Message edited by: Brad ]</p>
  • Reply 2 of 4
    thanks Brad!
  • Reply 3 of 4
    cyloncylon Posts: 126member
    I get the little icon in my address window using chimera also. Don't think its brand new, but do use some of the nightlies.
  • Reply 4 of 4
    No, Chimera has "supported" favicons for a long time, but it is a half-assed implementation. It takes the Windows Internet Explorer approach: it looks for a hard-coded file, completely ignoring the code for the path in the HTML.



    What do I mean by this? Well, open <a href="http://vb.appleinsider.com"; target="_blank">http://vb.appleinsider.com</a>; in Chimera. See the icon? It's the generic (and ugly) vB icon, NOT the icon in the HTML that Safari and Mozilla correctly load. This is wrong and one of the things that disappoints me about Chimera.
Sign In or Register to comment.