Übersicht über Ränder, Polsterung, Abstand und Positionierung

Ausführliche Anweisungen zu So verwenden Sie Ränder und Polsterungen in GemPages v7, sehen Sie sich unser Tutorial unten an:

Rand und Polsterung

Marge ist der Raum außerhalb der Grenze eines Elements, der Abstand zwischen diesem Element und benachbarten Elementen schafft. Er kann für die obere, rechte, untere und linke Seite angepasst werden, sodass Sie das Layout und die visuelle Trennung steuern können.

Polsterungist dagegen der Raum innerhalb der Grenzen eines Elements, der als Puffer zwischen dem Inhalt und den Kanten fungiert. Wie die Ränder kann auch die Polsterung für jede Seite angepasst werden, um sicherzustellen, dass der Inhalt die Grenzen des Elements nicht berührt.

Abstand

Unter „Abstand“ versteht man die Anpassungen zur Steuerung der Lücken und des Gesamtabstands zwischen verschiedenen Elementen auf einer Seite.

Zum Beispiel, in England, Zeilenelementkönnen Sie die Spaltenabstände über die Abstandseinstellungen festlegen. Durch die Anpassung der Abstände können Sie den Abstand zwischen den Spalten steuern und so sicherstellen, dass das Layout ausgewogen und optisch ansprechend wirkt.

Position

Positionseinstellungen in GemPages sind ein wichtiges Attribut für die Positionierung von Elementen auf einer Webseite. Mit diesem Attribut können Sie mithilfe verschiedener Werte steuern, wie ein Element auf einer Webseite positioniert wird.

Gehen Sie zur  Position Abschnitt unter dem Erweitert Registerkarte in Ihrem linken Einstellungsbereich. Von hier aus können Sie die gewünschte Position für jedes Element aus der Dropdown-Liste auswählen:

• Statisch: Der Standardwert für Elemente. Kann nicht mit den Attributen oben, unten, links oder rechts positioniert werden.
• Relativ: Wenn „Statisch“ die Standardmethode zum Anzeigen der Position eines Elements ist, dann ist „Relativ“ die Methode zum Anzeigen seiner relativen Position. Die Anfangsposition nimmt weiterhin Platz auf der Seite ein.
• Absolute: Die Position eines Elements relativ zum nächsten scrollenden übergeordneten Element.
• Fixed: Die Position eines Elements relativ zum Ansichtsfenster.
• Wichtig: Die Position eines Elements relativ zu seinem übergeordneten Element.

FAQs zu Rändern, Polsterungen und Abständen

1. Warum erscheinen meine Bilder nach rechts verschoben oder überlappend statt zentriert?

Dies geschieht normalerweise, wenn Polsterung Wert ist auf einer Seite des Elements zu hoch eingestellt.

Versuchen Sie, die Polsterung links oder rechts zu reduzieren oder die Polsterung auf die Standardwerte zurückzusetzen.

Wenn das Problem weiterhin besteht, überprüfen Sie die Marge Einstellungen oder verwenden Sie die Position Optionen (z. B. Zentrieren), um das Element neu auszurichten.

2. Wie kann ich sicherstellen, dass mein Inhalt die Ränder eines Elements nicht berührt?

Erhöhen Sie die Polsterung innerhalb des Elements.

Durch das Auffüllen wird Platz zwischen dem Inhalt und dem Rand des Elements geschaffen, sodass Ihr Design ausgewogen aussieht und leichter lesbar ist.

3. Wie lässt sich am besten Platz zwischen zwei Elementen schaffen?

Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Marge um Abstand außerhalb der Grenze eines Elements hinzuzufügen.

Wenn Sie beispielsweise „margin-bottom“ auf eine Überschrift anwenden, wird vor dem nächsten Element darunter ein Abstand erstellt.

4. Wie passe ich den Abstand zwischen Spalten in einem Zeilenelement an?

Gehen Sie zur Abstand Einstellungen des Zeilenelements und erhöhen Sie die Spaltenlücke.

Dadurch wird der Abstand zwischen den Spalten gesteuert und das Layout sieht gleichmäßiger aus.

5. Wann sollte ich Positionseinstellungen anstelle von Rändern oder Auffüllungen verwenden?

Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Position wenn Sie eine präzise Kontrolle darüber benötigen, wo sich ein Element auf der Seite befindet (z. B. feste Kopfzeile, Sticky-Banner).

Für den allgemeinen Layoutabstand sind Ränder und Polsterungen normalerweise besser geeignet.