Kompatibilität:

WebSite X5 Evo und Pro

Eine gute Seitengestaltung hängt nicht nur von den eingefügten Inhalten ab, sondern auch vom Abstand zwischen den einzelnen Elementen. Wenn Texte, Bilder und Schaltflächen zu dicht beieinander liegen, kann die Seite überladen wirken und schwerer lesbar sein.


In WebSite X5 können Sie die Ränder der Objekte anpassen, um den Abstand um die einzelnen Inhalte zu regulieren und ihre Ausrichtung innerhalb der Rasterzellen festzulegen.


So stellen Sie Ränder und Ausrichtung eines Objekts ein

So ändern Sie den Abstand um ein Objekt:

  • Gehen Sie zu Schritt 4 - Seitenerstellung.
  • Wählen Sie das Objekt aus, das Sie bearbeiten möchten.
  • Klicken Sie auf die Schaltfläche Ränder. 
  • Verwenden Sie im Fenster Ränder und Ausrichtungdie verfügbaren Befehle, um:
    • den Außenrand anzupassen;
    • den Innenrand anzupassen;
    • die horizontale und vertikale Ausrichtung des Objekts innerhalb der Zelle festzulegen, die es enthält.
  • Bestätigen Sie die Änderungen.


Was ist der Unterschied zwischen Innen- und Außenrand?

Um die Ränder richtig zu verwenden, ist es wichtig zu verstehen, welcher Abstand jeweils verändert wird.


Jedes in das Raster eingefügte Objekt belegt einen Container innerhalb einer Zelle. Dabei können Sie Folgendes unterscheiden:

  • Inhalt: der Text, das Bild oder jedes andere Element, das über das Objekt eingefügt wird.
  • Innenrand: der Abstand zwischen dem Inhalt des Objekts und dem Rand seines Containers.
  • Rahmen: begrenzt den Container des Objekts und kann über die Stil-Einstellungen des Objekts angepasst werden.
  • Außenrand: der Abstand zwischen dem Container des Objekts und den Grenzen der Rasterzelle.


Wenn zwei Objekte horizontal oder vertikal nebeneinander angeordnet sind, ergibt sich der Abstand zwischen ihnen aus der Kombination ihrer jeweiligen Außenränder.


So richten Sie ein Objekt innerhalb der Zelle aus

Im selben Fenster Ränder und Ausrichtung können Sie festlegen, wie das Objekt im verfügbaren Bereich innerhalb der Zelle positioniert werden soll.


Sie können die Ausrichtung festlegen:

  • horizontal, um die Position des Objekts von links nach rechts zu bestimmen;
  • vertikal, um seine Position von oben nach unten zu bestimmen.


Diese Einstellungen sind besonders nützlich, wenn die Zelle größer als der Inhalt ist und Sie dessen Position genau festlegen möchten.


Wann Sie die Ränder des Objekts und wann die Ränder des Abschnitts verwenden

Mit WebSite X5 können Sie den Abstand auf der Seite auf zwei verschiedenen Ebenen anpassen: für ein einzelnes Objekt oder für den gesamten Abschnitt.


Verwenden Sie die Ränder des Objekts, wenn Sie:

  • den Abstand um einen bestimmten Inhalt anpassen möchten;
  • ein Objekt von anderen nahe gelegenen Elementen absetzen möchten;
  • seine Position innerhalb der Zelle kontrollieren möchten.


Verwenden Sie hingegen die Ränder des Abschnitts, wenn Sie den Abstand oberhalb oder unterhalb eines gesamten Bereichs der Seite vergrößern und ihn so visuell von den vorherigen oder folgenden Abschnitten trennen möchten.


Die beiden Arten von Rändern können zusammen verwendet werden: Wählen Sie einfach diejenige aus, die auf die Strukturebene wirkt, die Sie ändern möchten.


#tip - Weitere Informationen zu den Rändern der Abschnitte finden Sie unter Abschnittsstil. Wie erstellt man einen Bereich mit Hintergrund, Rändern und Rahmen?