Tabellen

Tabellen sind nicht immer schlecht. Tabellen sind nur schlecht, wenn sie für Design verwendet werden, obwohl sie nur für tabellarische Daten benutzt werden dürfen!

Diese Tabelle oben sieht einfach toll aus! Es ist übersichtlich und jede zweite Reihe ist mit einer anderen Hintergrundfarbe unterlegt. So muss jede Tabelle aussehen! Man kann jede zweite Reihe mit der Klasse “odd” versehen und sie dann einzeln mit CSS gestalten, aber das würde viel zu lange dauern und ist nicht flexibel genug. (Denk mal, was du tun musst, wenn du eine Reihe löschen willst!)

Oder aber eine Lösung mit JavaScript. Und hier ist sie: JavaScript Table Row HighlighterClass von Andrew Sellick. Mit Mootools natürlich, versteht sich . Es fügt die Klassen automatisch zu, und fügt noch eine andere Klasse zu, die aktiviert wird, wenn die Maus auf die Reihe drüberfährt. Dadurch kann man ein Hover-Effekt erzielen.

JavaScript Table Row Highlighter Class using Mootools at Andrew Sellick

Es gibt natürlich auch noch Tablecloth, aber ich find des mit dem Spalten Highlighting wirklich zu übertrieben…