Eine Demonstration, wie sich mit CSS designen lässt. Inhalt und Struktur sind komplett getrennt. Das Layout und Design ist in den CSS-Dateien festgelegt.
Die HTML-Datei mit CSS-Umschalter: css-layout.htm (Klicken Sie dort auf die verschiedenen Layouts)
Die CSS-Dateien:
Für diese Layouts sind Farben und Formate der Inhalte in jeweils eigenen CSS-Dateien gespeichert und werden über den Befehl @import: url(xyz.css) in die Haupt-Stylesheetdatei importiert. Ausserdem wurden horizontale Menüs ausgelagert.
Mit Hintergrundgrafiken sind folgende Layouts ausgestattet. Alle Informationen befinden sich in einer einzigen Stylesheet-Datei, was etwas un�bersichtlich ist. Versuchen Sie selbst, Farben/Hintergr�nde und Inhaltsformate in neue Stylesheet-Dateien auszulagern.
Diese Dateien mit Grafiken als Zip-Datei: css_layouts.zip
Die HTML-Datei mit CSS-Umschalter: navigation_mit_liste.htm
Die CSS-Dateien: