Quick and dirty HTML question

Basically, I was wondering how one would go about adding in that little browser-window icon thingy. For example:



The little snarky icon guy thing on that image, or even that ca-ra-zay b thingy towards the bottom. I've tried google, but since I'm not sure on its technical name, I haven't gotten very far.

Any help would be appreciated!

prob js.

Doesn't seem to show in IE though.

[edit]

http://www.aspfree.com/c/a/ASP-Code/Adding-a-Shortcut-Icon-in-the-Browsers-Address-Bar/

[/edit] Ha, my googling powers are supperior to yours monqui!

favicon.ico in your root directory :smile:

That's it? Wow- I figgured it was something simple like that, but yow. That would explain why I couldn't see anything in the source code for a few sites I checked out :/

Thanks!

Some do have a <link rel="favicon" snippet of code or the like, don't know if it helps the browser pick up on the icons though (never seem to work 100% for any browser!)

Nothing ever does... I had a nice simple little table, set up with a height of 150 px, and in IE it was pulling some uber-random shade of grey out of its ass and padding about 20 pixels below the table with it- there was NO mention of that color ANYWHERE in the document (so it was basically setting the height of the table to 170 px)... It worked fine in Firefox... Adding in a "valign='top'" attribute to the tr's cleared it up for IE.

I hate things like that... Makes you think of bizzare solutions to mundane problems. Gah.

This is why tables are evil, and css is your god.