Tags ‘Tabelle’

CSS Tabellen Galerie

Anfänger, Webdesign | Mittwoch, 20.05.2009 | Noch kein Kommentar

Fortschritte beim Erlernen von CSS lassen sich vor allem beim Analysieren fremder Designs erzielen. Dass dies sowohl für abschreckende wie auch nachahmenswerte Beispiele gilt, hatte ich bereits in einem früheren Beitrag angemerkt.

Wer Inspirationsquellen speziell für Tabellen benötigt, sollte mal die Sammlung CSS Table Gallery anschauen. Einfach auf den “Design Name” klicken, und schon wird die jeweilige Formatierung angeigt. Über den Link “Download” wird der CSS-Code übersichtlich angezeigt.

Tabellenzellen mit Scrollbalken

Webdesign | Freitag, 08.05.2009 | Noch kein Kommentar

Da man beim Webdesign immer wieder mal Daten in Zeilen und Spalten gliedern muss, bin ich im Buch auch auf das Anlegen und gestalten von Tabellen eingegangen. In der dort kreierten Tabelle (To-Do 39) wurden in den Kopf- und Datenzellen recht kurze Inhalte eingetragen (der längste Inhalt was das Wort “Hersteller” mit zehn Zeichen). Nun kann es aber vorkommen, dass Sie eine Zelle mit mehr Inhalt füllen wollen als die vordefinierten Dimensionen aufnehmen können. In diesem Fall vergrößern die Zellen ihre Höhe und Breite automatisch, was zur Verschiebung anderer HTML-Elemente führt. Das Tabellendesign verliert seine Gleichmäßigkeit, wie Sie in diesem Beispiel nachvollziehen können.

Mehr lesen … »