CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
Hey everyone ?
How do you get a small image to appear in the url bar like most sites have?
like this :
This in your header
You can also use png and gifs animated if you like as well.
This reply has been reported for inappropriate content.
if you want all browsers to see it, you need to have a 16x16px image, ico preferably the icon must be called favicon.
I have a png version but that just does not work in IE too well, but I don’t mind, as I don’t think IE wants anyone making sites that look good (my opinion people, I am a FF fan)
I have 2 links to it:
if you use ico make sure you change what was png
some site say the favicon needs to be in the top level/root directory, some say you don’t, but I cover my bases and place it in root & images directory.
remember IE may (depending on version) need you to bookmark the site before the favicon is seen by the browser.
edit: remember this is to go in the <head> tag: <head><link …></head>
so when you view source from now on in you can see where the icon sits
I’ve read, on a number of sites, that you can leave the declaration out entirely as long as you stick the favicon.ico (or.gif, .jpg, etc) in the root directory. I’ve never tested it though.
Personally, I stick to .ico format, stick it in the root directory and declare it. That way, it should work in every situation.
Yes indeed if you put the favicon.ico in the directory all the pages would have the Fav Icon on them. I’m sure it’s supported by all the browsers because that was actually the first method it was used… Maybe
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed