Um ein Objekt auf der Seite zu zentrieren, wählen Sie es aus und wählen Sie Anordnen > Objekte ausrichten > Zentriert. Um mehrere Objekte aneinander auszurichten, wählen Sie alle aus und wählen Sie eine Option unter Anordnen > Objekte ausrichten. Um die Abstände zwischen ihnen gleich groß zu machen, verwenden Sie Anordnen > Objekte verteilen. Dieselben Schaltflächen finden Sie unter Inspektor > Maße bei Objektausrichtung und Objekte verteilen.
Ein Objekt auf der Seite zentrieren
- Klicken Sie einmal auf das Objekt, um es auszuwählen.
- Wählen Sie Anordnen > Objekte ausrichten > Zentriert. Das Objekt rückt von links nach rechts gesehen in die Mitte der Seite.
- Für die Mitte von oben nach unten wählen Sie Anordnen > Objekte ausrichten > Mitte. Dabei zählt die ganze Höhe der Seite, daher kann das Objekt auf einer langen Seite ein gutes Stück nach unten springen.
Wenn das Objekt in einem Container liegt, wird es stattdessen innerhalb dieses Containers zentriert und nicht auf der Seite.
Auf einer responsiven Seite fragt EverWeb eventuell Zentrierte Ausrichtung auf allen Bildschirmgrößen beibehalten? Klicken Sie auf Ja. EverWeb heftet das Objekt an die Mitte (bindet es an die Mittellinie), sodass es auch auf einem Smartphone und auf einem breiten Bildschirm zentriert bleibt. Wenn Sie auf Nein klicken, wird es nur für die Fenstergröße zentriert, die Sie gerade sehen.
Mehrere Objekte aneinander ausrichten
- Wählen Sie das erste Objekt aus, halten Sie dann die Umschalttaste gedrückt und klicken Sie auf jedes der anderen. (Auf einem Mac funktioniert auch die gedrückte Befehlstaste.)
- Wählen Sie Anordnen > Objekte ausrichten und dann Links, Zentriert oder Rechts, um ihre Kanten oder Mitten nebeneinander auszurichten, oder Oben, Mitte oder Unten, um sie übereinander auszurichten.
Wenn mehr als ein Objekt ausgewählt ist, richtet Zentriert sie aneinander aus, nicht an der Seite. Um zwei unterschiedlich große Objekte untereinander auf der Seite zu zentrieren, wählen Sie jedes einzeln aus und wählen Sie für jedes Zentriert.
Die Abstände zwischen Objekten gleich groß machen
- Platzieren Sie das erste und das letzte Objekt dort, wo Sie sie haben möchten, etwa das linke und das rechte Foto in einer Reihe.
- Wählen Sie alle Objekte aus (klicken Sie bei gedrückter Umschalttaste auf jedes).
- Wählen Sie Anordnen > Objekte verteilen > Horizontal für eine Reihe oder Vertikal für eine Spalte.
EverWeb lässt das erste Objekt, wo es ist, und verteilt die übrigen so, dass jeder Abstand gleich groß ist.
Hilfslinien beim Ziehen
Während Sie ein Objekt ziehen, erscheinen Linien, wenn seine Kanten mit einem anderen Objekt in einer Linie liegen, und das Objekt rastet ein, wenn es nahe genug kommt. Sie können auch eine Linie anzeigen lassen, wenn die Mitten übereinstimmen:
- Öffnen Sie auf einem Mac EverWeb > Einstellungen oder unter Windows Bearbeiten > Optionen.
- Klicken Sie auf Allgemein.
- Setzen Sie unter Ausrichtungslinien ein Häkchen bei Leitlinien bei Objektmitte anzeigen. Leitlinien an Objekträndern anzeigen hat bereits ein Häkchen.
Um ohne Einrasten zu ziehen, entfernen Sie beide Häkchen. Die Hilfslinien vergleichen Objekte miteinander, nicht mit der Seite. Zentrieren Sie daher zuerst das erste Objekt mit Anordnen > Objekte ausrichten > Zentriert und richten Sie dann die anderen daran aus.
Ein Objekt genau platzieren
- Pfeiltasten: Wählen Sie ein Objekt aus und drücken Sie eine Pfeiltaste, um es um 1 Pixel zu verschieben. Halten Sie die Umschalttaste gedrückt, um es um 5 Pixel zu verschieben.
- Genaue Werte: Gehen Sie zu Inspektor > Maße (das dritte Symbol). Geben Sie die Position unter Position in X und Y ein und die Größe unter Größe in Breite und Höhe.
- Abstände: Wählen Sie ein Objekt aus, halten Sie die Wahltaste (Mac) oder Alt (Windows) gedrückt und bewegen Sie den Zeiger über ein anderes Objekt. EverWeb zeigt den Abstand zwischen beiden in Pixeln an.
Objekte an ihrem Platz halten
- Schützen: Wählen Sie ein Objekt aus und wählen Sie Anordnen > Schützen, damit Sie es nicht versehentlich verschieben. Geschützte Objekte bleiben auch stehen, wenn Sie Ausrichten oder Verteilen verwenden. Mit Anordnen > Entsperren können Sie es wieder verschieben.
- Objekte zusammenhalten: Setzen Sie sie auf einer responsiven Seite in einen Container. Wählen Sie sie aus und wählen Sie dann Anordnen > Enthalten als und Zeile, Spalte oder Freier Fluss. Auf einer Seite mit Zentriertem Layout funktioniert auch Anordnen > Gruppieren, wir empfehlen aber Container.
In einem Container
Ein Container (Zeile oder Spalte) ordnet seinen Inhalt selbst an, daher sind Objekte ausrichten und Objekte verteilen für diese Objekte ausgegraut. Verwenden Sie stattdessen die Einstellungen des Containers:
- Wählen Sie den Container aus, indem Sie auf eine leere Stelle darin klicken.
- Gehen Sie zu Inspektor > Widget-Einstellungen (das Zahnrad, das letzte Symbol).
- Stellen Sie unter Ausrichtung die Option Vertikal auf Oben, Mitte oder Unten und Horizontal auf Links, Zentriert oder Rechts.
- Für gleichmäßige Abstände in einer Zeile stellen Sie Horizontal auf Justify (Blocksatz: erstes und letztes Objekt an den Rändern, gleiche Abstände dazwischen) oder Justify-Center (zentrierter Blocksatz: gleich viel Platz um jedes Objekt).
Um den Abstand zwischen Objekten zu ändern, wählen Sie jedes Objekt aus und verwenden Sie Inspektor > Maße > Ränder und Innenabstand. Ab EverWeb 4.6 können Sie auch einen einheitlichen Abstand für den ganzen Container festlegen, mit Row Gap (Zeilenabstand) und Column Gap (Spaltenabstand) unter Widget-Einstellungen.
Um die Reihenfolge zu ändern, ziehen Sie ein Objekt an seinen neuen Platz. Ab EverWeb 4.6 können Sie es auch auswählen und die Befehlstaste zusammen mit einer Pfeiltaste drücken (unter Windows Strg zusammen mit einer Pfeiltaste).
Ein Objekt mit Häkchen bei Freies Ziehen ermöglichen kann innerhalb seines Containers weiterhin Objekte ausrichten verwenden.