Mambo: Templates selber erstellen/CSS-Styling
Aus Wikibooks
Die folgenden Links sind als Hilfe zu Anlegen einer Struktur mit CSS aber ohne Tabellen gedacht.
Inhaltsverzeichnis |
[Bearbeiten] Layout mit CSS
- Schritt für Schritt wird in die Erstellung eines Layouts eingeführt. Da man sich die Veränderung bei jeder Ergänzung anschauen kann sieht, kann man viel lernen
- Es werden verschiedene Styling-Varianten (über- und nebeneinander, mit und ohne Bild) vorgestellt.
- Es werden zahlreiche Beispiele zur Anordnung von Boxen samt Code vorgestellt.
- Einige gute grundlegende Beispiele zum Design mit CSS werden demonstriert.
- Ein paar Beispiele für grundlegende Layouts.
- Ausführliche Anleitung, die anhand eines komplexen Beispiels das Layout mit CSS erklärt.
[Bearbeiten] Floating
- Über verschiedene Beispiele wird ausführlich über die Nutzung des "Float"-Befehles informiert.
- s wird gezeigt wie unterschiedlich sich die verschiedenen Browser verhalten.
[Bearbeiten] Positionierung
- Auf mehreren Seiten wird die Positionierung mit Hilfe von div-Elementen beschrieben. Es wird auch auf den Unterschied zwischen verschiedenen Browsern hingewiesen.
- Für jedes Element einer Seite wird nach den CSS-Regeln ein rechteckiger Bereich reserviert, der in dem sog. Boxmodell beschrieben ist.
- Boxing with CSS, Part I: The Theory
- Boxing with CSS, Part II: No Margin For Error
- CSS Positioning, Part I
- CSS Positioning, Part II
- IE6 Border Chaos
- Es wird über die Probleme berichtet, die der IE 6 mit dem Box-Modell hat.
- Es wird nicht nur das Problem des IE 6 erklärt, sondern auch gezeigt, wie man es umgehen kann.
[Bearbeiten] Sonstiges
- Es wird gezeigt, wie man einen Kasten mit runden Ecken erstellen kann.
