Feinste CSS-Hacks

Wenn man vom Web-Design nicht leben muss, dann kann man die eigene Zeit in faszinierende Dinge stecken und die abgefahrensten Sachen damit machen. So auch Stu Nicholls von CSSplay. Niemand sonst im weiten www kann so verrückt-fantastische Dinge mit CSS anstellen.

Ein Meisterstück an CSS-Hacking sind z.B. zweifarbige Überschriften ohne doppelten Content, ohne Javascript oder sonstige Tricksereien. Dabei macht sich Stu das title-Tag zunutze: Er greift via dem content-Befehl auf den Inhalt des title-Tags zu & positioniert es absolut zur Überschrift, deren title-Tag genutzt wird.

Die line-height der Überschrift wird dabei halbiert und der Output des title-Tags auf den unteren 50% der line-height der Überschrift positioniert. Der Output des title-Tags kann seperat eingefärbt werden. Somit erschafft man zweifarbige Überschriften ohne Nachteile - abgesehen davon, dass dieser CSS-Hack natürlich nicht auf allen Browsern funktioniert.

Die simple Brillianz dieses Hacks ist der wirklich begeisternde Aspekt - Im Alltagsgeschäft Web-Design hat man einfach keine Muße, sich solch cleveren Lösungen zu überlegen.

Geschrieben am 16.10.2007