Komfort mit HTML-Tabellen € (23.11.07) Groth Tabellen sind wichtige Struktur-Elemente für die Webseite. Neben ihrer mittlerweile verpönten Verwendung als Design-Hilfe dienen sie vor allem der Darstellung von numerischen oder kategorialen Daten. Um bei einer Präsentation der Fakten Hilfestellung...
Weiterlesen Keine Kommentare
Tabellen aufhübschen (09.10.07) 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 [...]
Weiterlesen 14 Kommentare
Sortierbare Tabellen - Datagrids mit AJAX und Javascript (11.05.07) Einiges zum Thema hat Vitaly bereits in unserem Smashing Magazine gesammelt. Zebratabellen und andere hübsche Dinge. Mir geht es um sortierbare Tabellen, auch Datagrids genannt, die mitunter mehr als nur bloße Tabellen darstellen. So etwas gibt es schon lange [...]
Weiterlesen 11 Kommentare
CSS Standards, Tabellen und Listen (05.07.06) Eine Zebra-Liste und eine schicke Tabelle. Außerdem ein Online Tool zum Optimieren von CSS-Dateien, Nnachdenkenswertes über Standards, der ultimative Trick und CSS-Spielkarten. Zebra-Liste Nach der Zebra-Tabelle kommt nun die Zebra-Liste. Reines CSS für eine...
Weiterlesen Keine Kommentare
CSS Tabellen und Container (05.07.06) Eine profunde Galerien von HTML-Tabellen mit allem Drum und Dran. Außerdem: Stu Nicholls baut eine Bildergalerie mit CSS, Container-Wahn, ein Star-Rater und ein XHTML Basis-Template. Tabellen-Galerie Was man mit Tabellen alles anstellen kann, so man sie nicht...
Weiterlesen Keine Kommentare
CSS Zebratabelle, Layouts und Techniken (28.06.06) Nein, die Zebra-Tabelle gehört nicht zum MSV Duisburg. Spielen kann man mit ihr trotzdem. Das Anpassungswunder zeigt neue Möglichkeiten. Außerdem: Menüs, Schieberegler, Formulare, Layoutout-Techniken und ein schicker Bildwechsler. Zebra Tabellen Auch wenn...
Weiterlesen Keine Kommentare
Die moderne Tabelle (25.04.06) Dass Tabellen fürs Seitenlayout nicht mehr tauglich sind, hat sich wohl herumgesprochen. Sie erfüllen andere, wichtige Zwecke und werden nach wie vor gebraucht. Luke Wroblewski zeigt in seiner Vision, was man daraus machen kann. Das Ergebnis ist aufgeräumt [...]
Weiterlesen 14 Kommentare
HTML-Picasso (09.02.05) Taugt HTML für die Kunst? Kann man mit Tags malen? Chris Ashley ist regelrecht besessen von dieser Idee und kann inzwischen auf ein ausgedehntes Werk verweisen. Mit Hilfe der guten alten Tabelle entsteht beinahe täglich ein neues Werk; manches davon nach [...]
Weiterlesen Keine Kommentare
HTML: Spaltenformatierung mit Colgroup (02.09.04) Colgroup gehört zu den eher selten gesehenen HTML-Elementen. Damit lassen sich innerhalb einer Tabelle ganze Spalten auf einmal formatieren - ohne lästige Wiederholungen. Allerdings sind sich die Browser in der Interpretation nicht einig. Mit Colgroup lassen...
Weiterlesen Keine Kommentare
Vorsicht, Tabelle! (30.07.04) Die klassische HTML-Tabelle ist immer noch sehr beliebt. Wer sie aber zu Designzwecken missbraucht, muss immer auf der Hut sein, vor dem "Carriage Return" zum Beispiel. Dieser wird in einer Tabelle nämlich sehr wohl angezeigt und macht so manches Bild aus...
Weiterlesen Keine Kommentare
Webdesign ohne Tabellen Teil 2: Konsequenze € (12.07.04) Der Verzicht auf Tabellen zum Zweck der Gestaltung geht mit vielfältigen Konsequenzen einher. Browser Nur moderne Browser stellen eine Website auf Basis von CSS-Containern korrekt dar. Die Grenze lässt sich ungefähr bei den Fünfer-Versionen ziehen. Man sollte...
Weiterlesen Keine Kommentare
Die Freiheit nehm ich mir: Webdesign ohne Tabellen (07.07.04) Eigentlich wollten wir nie mehr etwas dazu schreiben, es ist ja schon alles gesagt. Doch die Nachfrage ist ungebrochen. Für alle, die den Einstieg verpasst haben: Lernen Sie Webdesign ohne Tabellen in wenigen Minuten. Leichter war der Umstieg noch nie. Am...
Weiterlesen 2 Kommentare
Schöne, bunte Tabellenrahmen (12.09.03) Rahmen ist nicht gleich Rahmen. Will man Farbe ins Spiel bringen, stehen einem verschiedene Methode zur Verfügung. Am flexibelsten ist CSS und mit seinen unterschiedlichen Rahmenmodellen. Mit border="" kann jede Tabelle mit einem Rahmen versehen werden, doch...
Weiterlesen Keine KommentareTabellenzellen mit Rollbalken (10.09.03) Die Beispieltabelle unten links bringt es auf drei Zellen. Ungewöhnlich allein ist die Mittlere. Sie verfügt über einen eigenen Rollbalken. Möglich wird das durch das CSS Element "overflow : auto". Reicht der Platz nicht mehr aus, um den Inhalt komplett darzustellen,...
Weiterlesen Keine Kommentare
Mehr Orientierung in Datentabellen (10.09.03) Je größer sie ausfallen, desto schwerer fällt es dem Auge die Zeile zu halten. Da hilft nur noch der Zeigefinger. Oder ein spezielles Tabellendesign. Berührt die Maus eine Zelle, verändert sich der Rahmen, er wird rot. Das klappt, weil wir nicht die Zelle...
Weiterlesen Keine Kommentare
Tabellen zoomen (10.09.03) Die Größe von Texten und sogar Bildern lässt sich über die Schriftgrad-Einstellungen im Browser verändern. Das ist kein Geheimnis und funktioniert, wenn der Webdesigner es zulässt. Überraschenderweise klappt das auch mit Tabellen und stellt uns so einen Zoomeffekt...
Weiterlesen Keine KommentareCSS Experiment: Sensible Tabellenrahmen (10.09.03) Tut sich etwas bei Mausberührung, ist das ein klares Signal. In Sachen Hyperlink ist das Alltag, auf eine etwas umständlichere Weise klappt das aber auch mit Tabellenrahmen. Der Trick besteht darin, nicht die Tabelle zu verzieren, sondern deren Inhalt. Der...
Weiterlesen Keine KommentareTransparente Rahmen (09.09.03) Rahmen gibt es nicht zuletzt Dank CSS in vielen schicken Varianten. Auch Rundungen und Grafiken sind mit Tricks möglich. Diesmal lassen wir einen motivischen Seitenhintergrund durch einen Rahmen hindurchschimmern. Ein raffinierter Effekt. Das Prinzip des "halbtransparenten"...
Weiterlesen Keine Kommentare
Gerundete Tabellen (09.09.03) Gesehen haben Sie das sicher schon einmal: Die Tabelle mit abgerundeten Ecken gehört zu den schöneren Vertretern ihrer Art. Die Herstellung ist ein wenig aufwändiger, denn hier werden Grafiken zur Unterstützung benötigt. Alles was Sie brauchen, ist eine 3*3...
Weiterlesen Keine KommentareDie blinkende Tabelle (09.09.03) Ein spannender, manchmal fast zu starker Effekt, kann mit GIF-Grafiken realisiert werden. Die nämlich fungieren als Rahmen und blinken in Serie wie eine Baustellenbeleuchtung. Genau hinsehen und einen Moment warten: Tabelle 1 Zelle 1 Zelle 2 Zelle 3 Tabelle...
Weiterlesen 1 Kommentar
