Inhalt:Verschiedene Varianten von CSS-Listen
Hier finden Sie eine Übersicht von formatierten Listen. Anhand der Beispiele, lässt sich - wie ich finde - gut nachvollziehen, was alles über Listen umgesetzt werden kann, wenn man diese durch eine CSS-Formatierung gestaltet. In manchen Beispielen sieht man nicht mehr wirklich, dass dem Ganzen eine Liste zugrunde liegt. Ein großer Vorteil in dieser Art der Darstellung von Daten liegt meiner Meinung nach darin, dass wenn mal keine CSS-Styles geladen werden, man dennoch eine optisch zusammenhängende Anordnung von Daten und Informationen hat, die von den meisten gängigen Browsern brauchbar dargestellt wird.
-
Beispiele für verschachtelte Listen
Hier finden Sie ein paar Beispiele, welche Möglichkeiten CSS zur Formatierung von einfachen, verschachtelten Listen bereitstellt.
-
Beispiele für schwebende ListenBoxen
Hier finden Sie ein paar Beispiele, welche Möglichkeiten CSS zur Formatierung von, sagen wir mal "schwebenden" Listen bereitstellt.
-
Beispiele für Sidebar-Ansätze
Hier finden Sie ein paar Beispiele, welche Möglichkeiten CSS zur Formatierung bereitstellt um Listen als Sidebars zu nutzen.
-
Beispiele für Terminplaner-Ansätze
Hier finden Sie ein paar Beispiele, welche Möglichkeiten CSS zur Formatierung bereitstellt um Listen als Ausgabeelement für Kalender oder Terminplaner zu nutzen.
-
Beispiele für Galerie-Ansätze
Hier finden Sie ein paar Beispiele, welche Möglichkeiten CSS zur Formatierung bereitstellt um Listen als Ausgabeelement für eine Bildergalerie zu nutzen.
Inhalt:Verschiedene CSS-Tabellen-Layouts
Hier finden Sie eine Übersicht von Tabellen die per CSS gestaltet wurden. Ich vertrete nicht die Meinung, dass Tabellen die Wurzel allen übels sind und finde wenn sie richtig eingesetzt werden, ist das Nutzen von Tabellen überhaupt kein Problem und völlig legitim. Es ist zwar nicht mehr ganz zeitgemäß Tabellen für das Layout einer Webseite zu verwenden, aber selbst das ist meines Erachtens nach vertretbar, wenn es das Layout erfordert. Ich würde glaube ich auch auf eine Tabelle zurückgreifen, bevor ich mich einer schwer überschaubaren Anzahl von Elementen ausgesetzt sehe.
-
Beispiel: Ordner-Inhalt Detailansicht
Hier finden Sie eine Tabelle die für die Anzeige von Ordner-Inhalten genutzt wird und eine Art Explorer-Detailansicht darstellt.
