Der CSS-Guy hat uns vor einiger Zeit gezeigt, wie man mit ein wenig CSS verschiedene Links unterscheidbar machen kann. In einer Erweiterung seiner Technik nutzt er JavaScript zur automatischen Erkennung des Favicons.

Poolie Studios (Alexander Kaiser) hat die erste Idee aufgegriffen und für die üblichen Verdächtigen eine kleine Sammlung erstellt: Iconize Textlinks with CSS. Das Ganze (CSS und Grafiken) ist als kostenloser Download verfügbar und kann mit einem Fingerschnippsen wenigen Handgriffen in die eigene Website eingebaut werden.

Leider ist die verwendete Technik nur für Firefox (Mac & PC), Camino, Safari, Opera (Mac & PC) & Internet Explorer 7 ausgereift. Der IE6 (und älter) macht uns wieder einen Strich durch die Rechnung.

Wer es aber auch für ältere Browser anzeigen lassen möchte, der kann natürlich Klassen verwenden, z.B. für einen Hyperlink auf eine E-Mailadresse:

/* HTML */
<a href="mailto:ich@domain.de" class="mailto">mailto:</a>

/* CSS */
a.mailto {
	padding-right: 20px;
	background: transparent url(icons/icon_mailto.gif)
		no-repeat center right;
}

Wer weder dieses Markup scheut noch an eine Weltherrschaft des Internet Explorers 7 glaubt, der fährt damit sicher ganz gut.