Image in addy bar replacing browser logo

How is this done?

[Abraxas]

Hi. Recently I've noticed a few sites using an image in the address bar, but I can't see how they're doing this by their html. See for instance http://www.teach-nology.com/web_tools/web_site/coordinated_set/ but they all seem to use a style sheet. Is this an css matter? How do they do it? I'd love to use it.

Tia.

[smokin]

HI, Just create an icon 16x16px and save as favicon.ico. then upload to root directory on your web server...thats it

[Nick_W]

Hi, and welcome to WebmasterWorld!

It's called a Favicon [google.com] and they're pretty simple ;)

Nick

[benihana]

its called a favicon.ico
just a small image in the icon format.
i #think# some browsers display it automatically, and others display it if the page is in your favourites.
you need dedicated software to create them - photoshop and the like cannot create them. just do a search for favicon for further info.

ben

<edit> beaten to it again :)</edit>

[limbo]

Icon Sushi [webattack.com] is a nice freeware 'iconographer'.

[trillianjedi]

I've never ever managed to see it in action, although it is on one of our sites (others can see it).

Is there something I need to set in IE 6.0?

TJ

[Receptional Andy]

>>Is there something I need to set in IE 6.0?

IE only displays the icon next to urls in your favourites menu, and is somewhat unpredictable in its favicon behaviour. Some browsers like Mozilla can display the icon in the address bar for every page.

There was an interesting discussion of this a while back here -
[webmasterworld.com...]

You need to add <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> to pages where you want the icon to display for this to work as intended in many browsers.

[Abraxas]

Hey, thanks a lot! :)