Wie nutze ich Überlappungen und negative Abstände für kreative Layouts?

Moderne Websites nutzen oft Effekte, bei denen sich Bilder und Texte leicht überschneiden. Dies bricht die starre Block-Struktur auf und wirkt dynamisch und hochwertig.

Wählen Sie ein Bild oder einen Textblock aus. Gehen Sie in der rechten Seitenleiste zu 'Abmessungen'. Klicken Sie auf das Link-Symbol bei 'Außenabstand' (Margin), um die Seiten separat zu steuern. Geben Sie beim oberen Außenabstand einen negativen Wert ein (z. B. -50px).

Das Element schiebt sich nun über die darüberliegende Sektion. Nutzen Sie zusätzlich die 'Z-Index' Einstellung unter 'Erweitert', um festzulegen, welches Element oben liegen soll. Solche Details heben Ihre helloly Website deutlich vom Standard-Baukasten-Look ab.