So legen Sie die Elementposition in GemPages fest

Was bedeutet „Elementposition“ im Webdesign?

Im Webdesign Elementposition bezieht sich darauf, wo ein Objekt (wie eine Schaltfläche, ein Bild oder ein Textblock) relativ zu seinem übergeordneter Container oder unter der GesamtlayoutWenn Sie verstehen, wie unterschiedliche Positionierungstypen funktionieren, können Sie flexible, pixelgenaue Designs erstellen.

Beispielsweise:
Ein Knopf in einem Überblick innerhalb eines Reihe kann innerhalb dieser Spalte verschoben werden, jedoch nur innerhalb ihres Containers, sofern keine erweiterte Positionierung angewendet wird..

So legen Sie die Elementposition in GemPages fest

• Marge: Verschiebt das Element und verschiebt auch benachbarte Elemente, um den Abstand beizubehalten.
• Position: Verschiebt das Element, ohne die Positionen anderer Elemente zu beeinflussen.

Nachfolgend werden für jeden Fall Beispiele aufgeführt.

Methode 1: Anpassen der Elementposition mithilfe von Rändern

Ränder sind die einfachste Möglichkeit, Elemente in GemPages neu zu positionieren. Sie schaffen Platz um ein Element herum und beeinflussen den Fluss benachbarter Inhalte.

Schritt 1:  Klicken Sie auf das Element, dessen Position Sie ändern möchten.

Schritt 2: Navigieren Sie in der Seitenleiste „Einstellungen“ zu Erweitert Tab.

Schritt 3: Ränder anpassen in Abstand: 

• Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, positive Margen um Platz um das Element herum hinzuzufügen.
• Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, negative Margen um Elemente für einzigartige Designs außerhalb der Grenzen ihres Containers zu positionieren.

Wenn Sie a einstellen negativer oberer Rand, wird das Element nach oben verschoben und die Elemente darunter werden ebenfalls nach oben verschoben, um die Lücke zu füllen.

Eine ausführliche Anleitung zu Margen finden Sie in unserem Randeinstellungen Artikel.

Methode 2: Festlegen der Elementposition mithilfe der Positionseigenschaft

Für eine erweiterte Layoutsteuerung verwenden Sie die PositionseinstellungMit dieser Methode können Sie Elemente platzieren, ohne andere zu beeinflussen, und Sie haben eine fein abgestimmte Kontrolle über das Layoutverhalten beim Scrollen und Ändern der Größe.

So bearbeiten Sie die Positionseinstellungen eines Elements:

Schritt 1: Klicken Sie auf das Element, dessen Position Sie ändern möchten.

Schritt 2: Zurück Nach der Fortgeschrittene Registerkarte, und finden Sie die Position Abschnitt: 

Wählen Sie eine der folgenden Optionen:

• Statisch:
  • Standardeinstellung: Das Element folgt dem normalen Seitenfluss.
  • Es sind keine benutzerdefinierten Positionsanpassungen zulässig.
• Relativ:
  • Verschiebt das Element relativ zu seiner ursprünglichen Position.
  • Passen Sie benutzerdefinierte Werte an für Oben, Rechts, Slipden Links um seine Platzierung zu verschieben.
• Absolute:
  • Positioniert das Element relativ zu seinem nächstgelegenen Vorgänger (z. B. einer Zeile oder einem Abschnitt).
  • Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Oben, Rechts, Slip und Links um das Element genau dort zu platzieren, wo Sie es innerhalb des enthaltenden Elements haben möchten.
• Behoben:
  • Hält das Element in einer festen Position relativ zum Ansichtsfenster.
  • Ideal für klebrige Überschriften oder schwebende Schaltflächen, die beim Scrollen sichtbar bleiben.
• Klebrig (Sticky):
  • Fungiert als Hybrid aus relativer und fester Positionierung.
  • Das Element verhält sich wie relativ bis es eine bestimmte Scroll-Position erreicht, dann wird es fixiert.