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!

Bilder

Nun brauchen wir auf unserer Seite insgesamt drei Bilder:

• Eins von Marilyn:
  
  Dieses Bild soll man in der fertigen Version anklicken können, worauf es dann weiter geht. Das Bild wird also letztlich in einem <a>-Element stecken, aber darauf kommen wir später noch.
• Eins mit dem Tüllvorhang. Der sieht zur Zeit so aus:
  
  Das ist wohl zunächst mal etwas irritierend. Aber der Vorhang hat - wie das bei Tüllvorhängen so üblich ist - durchsichtige Stellen, und wenn du ihn vor einen dunklen Hintergrund hängst (was du mit dem Knopf da unten machen kannst), dann sieht er wieder etwas einleuchtender aus.
  
  
  Da der Vorhang ganz offensichtlich zu klein ist, werden wir ihn vervielfältigen müssen, bis er die ganze Marilyn zudeckt. Das ist etwas, was Hintergrundbilder mehr oder weniger automatisch machen können. Der Vorhang wird also in der Endversion bei uns als Hintergrundbild auftauchen.
• Das letzte Bild ist die Begrüssung
  
  Für dieses Bild gilt letztlich dasselbe, wie für Marilyn: Wenn man es anklickt, kommt man weiter. Es wird also ebenfalls in einem <a>-Element stecken, allerdings in einem beweglichen.

Am besten speicherst du die drei Bilder gleich hier von der Anzeige weg in deinem Übungsverzeichnis (es sei denn, du verwendest eigene, analoge Bilder).