Logo
Startseite | PLUS Start | Shop | Mediadaten | Kontakt | Impressum | 4,552 Artikel Merker

Tabellen aufhübschen


Anzeige

Aus drögen Datentabellen lässt sich auch etwas machen. Zu Fuß oder mit Tablecloth (zu Deutsch eigentlich "Tischdecke"). Das ist ein wenig CSS und Javascript und sorgt für Bewegung und Style - ohne dass man großen Aufwand betreiben müsste. Denn die Tabellen selbst müssen nicht verändert werden. So könnte es aussehen:

Screenshot Tabelle

oder so:

Screenshot Tabelle

Über Sven Lennartz

GravatarSven ist der Erfinder und Leiter des Dr. Web Magazins. Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Autor früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH. Website. Weitere Beiträge für Dr. Web: 1226

Verwandte Artikel

Bookmarken! Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • TwitThis
  • Hype
  • StumbleUpon
  • Facebook
  • Wikio DE
  • YahooMyWeb

14 Kommentare zu “Tabellen aufhübschen”

  1. ~~~d(o.o)b~~~ schreibt am

    Ja, sieht sehr cool aus...
    Ich habe so etwas bisher immer mit halbtransparenten PNG`s gemacht, aber mit dem JS sieht das natürlich noch eine ganze Spur besser aus...
    Und falls der Besucher JS deaktiviert hat, spielt das auch keine Rolle...

    hAVE pHUN
    ~~~d(o.o)b~~~

  2. Fotogenes Individuum schreibt am

    Wow, das sieht wirklich mal nett aus. Auch die Implementierung ist easy. Das spart zukünftig definitiv einiges an Handarbeit.

    Danke dafür :-)

  3. Jan schreibt am

    Besonders schön stell ich mir das in Foren vor ;)

  4. gast schreibt am

    Puh, dieser ewige Web 2.0 shiny Look geht mir langsam sowas von auf die Nerven --- am besten pimpt ihr auch noch eure Häuser und Garagen mit runden Ecken und Plasitkverkleidung auf.... *kopfschüttel*

  5. Paul schreibt am

    @ gast
    was geht mit dir?
    ich wäre froh wenn ich doch nur eine Seite mit so einer schönen Tabelle vorfinden würde!

    Außerdem ist das nur ein BEISPIEL. Es geht hier um die geniale Nutzung von CSS und Jacascript und nicht um das Aussehen. Lade dir den Sourcecode runter und mache deine eigene Tabelle ohne "shiny Look" (wobei das doch ganz spärlich nur im T Head ist!?) und ohne "runde Ecken" - ach halt, die Beispieltabelle hat doch gar keine rounded Corners!!

  6. Christian schreibt am

    Vielen Dank für den Tipp. Lässt sich bestimmt mal bei einer Seite einsetzen.

  7. Carsten schreibt am

    Ich finde es sehr cool, aber irgendwie sieht es nur im Firefox gut aus. Im IE7 ist es aber verzerrt.
    Hat jemand ähnliche Beobachtungen gemacht?

  8. Carsten schreibt am

    Das IE-Problem hat sich erledigt. Wenn man der Tabelle cellspacing und cellpadding direkt mitgibt, kümmert es den Forefox nicht, den IE schon...

  9. dennis schreibt am

    Sehr cool gemacht. Werde das bei mir auch mal einsetzen, sofern ich eine Tabelle dafür habe ^^.

Trackbacks

  1. Daves Blog » Blog Archive » Tabellen verschönern mit Tablecloth
  2. Hübsche Tabellen mit CSS und Javascript - Ankes und HGs Blogin
  3. Tablecloth - Tabellen aufgepeppt » blog.dasrecht.net
  4. links for 2007-10-10
  5. Hübsche Tabellen gestallten » blog-webdesign

Meine Meinung

Bitte beachten Sie: Werbung und Spam sind unerwünscht und können eine Rechnung zur Folge haben. Woher kommen die Bilder neben den Kommentaren?