Inhalt

Einleitung Voraussetzungen Pop Up, Pop down Flatter, flatter Vorhang auf! Aufgabenstellung Vorbereitung Seite Bilder Anordnung Marilyn divs verschachteln positionieren relativ Vorhang zu Action! Hallo ... später Hallo ein Spalt Variable auf geht's! abschneiden schööön! weiteres heiteres Klappe zu!

---

Service

Kontakt & Feedback

CSS Anwendung

Vorhang auf!

Vorbereitung

Wir werden nun diese Aufgabe Schritt für Schritt lösen.

Ich gehe davon aus, dass du dich selber etwas organisierst:

• Wir werden zwei Seiten und drei Bilder brauchen. Du kannst das alles in einem einzigen Ordner unterbringen, wenn du willst. Wenn du für die Bilder einen Unterordner machst, musst du das eben bei den Bildangaben berücksichtigen.
• Da wir HTML-, Style- und Javascript-Code schreiben werden, bist du mit einem simplen Text-Editor fast am besten beraten. Natürlich sollten solche Dinge auch z.B. in FrontPage möglich sein. Da ich aber damit auf einen unverhältnismässig grossen Anteil an FrontPage-Erklärungen angewiesen wäre, bleibe ich bei der Text-Variante. Wenn du mit einem Programm wie FrontPage, Dreamweaver, GoLive oder so arbeitest, nehme ich an, dass du das genügend gut beherrschst, um die paar Zeilen hineinzukriegen, die wir hier zusammenstellen.
• Du kannst das Beispiel natürlich nach Gutdünken ändern. Also etwa einen Theatervorhang brauchen statt Tüll, oder eine Garagentür. Und dahinter einen Ferrari statt Marilyn. Die Anzahl Komponenten und ihr Zusammenwirken bleibt ungefähr gleich.

Und nun also tief durchatmen und loslegen.