Tayles

Flags of the world as a css sprite.

The flag icons are from Mark James’s FamFamFam collection while the code is a slightly simplified and condensed version of the csscountrycodes project on Google Code. Released under a GNU General Public License v2.

Includes 247 icons in total. The sprite image is over 51% smaller in filesize than the individual icons and can be downloaded in just one HTTP request rather than over 200 so is recommended if you plan on displaying more than several different flag icons throughout your site.

flags_sprite.png 68Kb

flags.css 10Kb

flags.orig.css 12Kb

Flags can then be displayed using the following HTML:

<div class="flag gb" title="United Kingdom">&nbsp;</div>

Additional flags include england, wales, scotland, the europeanunion and catalonia, e.g.:

<div class="flag wales" title="Wales">&nbsp;</div>

Note: includes the 1.01 update which fixes line-height issues in IE6.