Top 10 CSS Table Designs auf Smashing Magazine

Top 10 CSS Table Designs / Smashing Magazine

Ich möchte Ihnen heute einen interessanten Artikel aus dem Smashing Magazine von Vitaly Friedman und Sven Lennartz ans Herz legen:

Gastautor  R.Christie stellt in seinem Beitrag Top 10 CSS Table Designs eine sehenswerte Kollektion von CSS-Tabellen vor. Sie finden in seinem Artikel Tabellen mit den Schwierigkeitsgraden von eher leicht bis ziemlich schwer. Der Bericht ist zur Gänze in englischer Sprache gehalten und stammt vom 13. August 2008.

(Beispieldateien 63,5KB)

Ich habe die zum Download angebotenen Beispieldateien ein wenig bearbeitet, indem ich das Layout wie folgt angepasst habe:

style.css

/* ------------------------
    styling for the layout
   ------------------------   */

body { line-height: 1.6em; }
#wrapper { margin: 50px auto;
           width: 570px;
           border: 1px solid #6678b1;
           padding-top: 20px;
         }
h3 { font-family: Helvetica, Arial, "Lucia Sans Unicode", Tahoma, Verdana, Arial, sans serif;
     font-size: 2.0em;
     line-height: 1.3em;
     margin: 0 30px;
     border-bottom: 3px solid #333;
}

Bewertung: