Wilt u één object op de pagina centreren, selecteer het dan en kies Arrangeren > Objecten uitlijnen > Centreren. Wilt u meerdere objecten ten opzichte van elkaar uitlijnen, selecteer ze dan allemaal en kies een optie onder Arrangeren > Objecten uitlijnen. Om de ruimte ertussen gelijk te maken, gebruikt u Arrangeren > Distribueer objecten. Dezelfde knoppen vindt u in Details > Formaten, onder Objectuitlijning en Distribueer objecten.
Een object op de pagina centreren
- Klik één keer op het object om het te selecteren.
- Kies Arrangeren > Objecten uitlijnen > Centreren. Het object gaat naar het midden van de pagina, gezien van links naar rechts.
- Voor het midden van boven naar onder kiest u Arrangeren > Objecten uitlijnen > Midden. Dit gebruikt de hele hoogte van de pagina, dus op een lange pagina kan het object een flink eind naar beneden springen.
Staat het object in een Container, dan wordt het binnen die Container gecentreerd in plaats van op de pagina.
Op een responsieve pagina kan EverWeb vragen: Gecentreerde uitlijning behouden op alle schermformaten? Klik op Ja. EverWeb pint het object dan vast aan het midden (koppelt het aan de middenlijn), zodat het ook op een telefoon en op een breed scherm gecentreerd blijft. Klikt u op Nee, dan wordt het alleen gecentreerd voor de venstergrootte die u nu ziet.
Meerdere objecten ten opzichte van elkaar uitlijnen
- Selecteer het eerste object, houd Shift ingedrukt en klik op elk van de andere objecten. (Op een Mac werkt ook de Command-toets.)
- Kies Arrangeren > Objecten uitlijnen en daarna Links, Centreren of Rechts om hun randen of middens naast elkaar uit te lijnen, of Boven, Midden of Onder om ze van boven naar onder uit te lijnen.
Zijn er meerdere objecten geselecteerd, dan lijnt Centreren ze ten opzichte van elkaar uit, niet ten opzichte van de pagina. Wilt u twee objecten van verschillende grootte boven elkaar op de pagina centreren, selecteer dan elk object apart en kies voor elk Centreren.
De ruimte tussen objecten gelijk maken
- Zet het eerste en het laatste object waar u ze wilt hebben, bijvoorbeeld de linker- en de rechterfoto in een rij.
- Selecteer alle objecten (Shift-klik op elk object).
- Kies Arrangeren > Distribueer objecten > Horizontaal voor een rij, of Verticaal voor een kolom.
EverWeb laat het eerste object staan waar het staat en verdeelt de rest zo dat elke tussenruimte even groot is.
Hulplijnen tijdens het slepen
Terwijl u een object sleept, verschijnen er lijnen als de randen ervan gelijk staan met een ander object, en het object springt op zijn plaats als het dichtbij komt. U kunt ook een lijn laten verschijnen als de middens gelijk staan:
- Open EverWeb > Instellingen op een Mac, of Wijzig > Opties op Windows.
- Klik op Algemeen.
- Vink onder Hulplijnen de optie Toon hulplijnen bij object centreren aan. Toon hulplijnen bij object randen is al aangevinkt.
Wilt u slepen zonder dat objecten op hun plaats springen, vink dan beide vakjes uit. De hulplijnen vergelijken objecten met elkaar, niet met de pagina. Centreer daarom eerst het eerste object met Arrangeren > Objecten uitlijnen > Centreren en lijn de andere daarna daarop uit.
Een object precies plaatsen
- Pijltoetsen: selecteer een object en druk op een pijltoets om het 1 pixel te verplaatsen. Houd Shift ingedrukt om het 5 pixels te verplaatsen.
- Exacte getallen: ga naar Details > Formaten (het derde pictogram). Typ de positie bij X en Y onder Positie, en de grootte bij Breedte en Hoogte onder Grootte.
- Afstanden: selecteer een object, houd Option (Mac) of Alt (Windows) ingedrukt en beweeg de aanwijzer over een ander object. EverWeb toont de afstand ertussen in pixels.
Objecten op hun plaats houden
- Vergrendelen: selecteer een object en kies Arrangeren > Vergrendelen, zodat u het niet per ongeluk verplaatst. Vergrendelde objecten blijven ook staan als u objecten uitlijnt of distribueert. Gebruik Arrangeren > Ontgrendelen om het weer te verplaatsen.
- Objecten bij elkaar houden: zet ze op een responsieve pagina in een Container. Selecteer ze en kies Arrangeren > Bevatten als en daarna Rij, Kolom of Vrije stroom. Op een pagina met de lay-out Gecentreerd werkt ook Arrangeren > Groeperen, maar wij raden Containers aan.
Binnen een Container
Een Container (Rij of Kolom) schikt zelf wat erin staat, dus Objecten uitlijnen en Distribueer objecten zijn voor die objecten grijs. Gebruik in plaats daarvan de instellingen van de Container zelf:
- Selecteer de Container door op een leeg deel ervan te klikken.
- Ga naar Details > Widget instellingen (het tandwiel, het laatste pictogram).
- Zet onder Uitlijning de optie Verticaal op Boven, Midden of Onder, en Horizontaal op Links, Centreren of Rechts.
- Voor een gelijkmatige verdeling in een Rij zet u Horizontaal op Justify (uitvullen: het eerste en laatste object aan de randen, met gelijke ruimte ertussen) of Justify-Center (gelijke ruimte rond elk object).
Wilt u de ruimte tussen objecten wijzigen, selecteer dan elk object en gebruik Details > Formaten > Marges en opvulling. In EverWeb 4.6 en later kunt u ook één tussenruimte voor de hele Container instellen met Row Gap (ruimte tussen rijen) en Column Gap (ruimte tussen kolommen) in Widget instellingen.
Wilt u de volgorde wijzigen, sleep dan een object naar zijn nieuwe plek. In EverWeb 4.6 en later kunt u het ook selecteren en op Command plus een pijltoets drukken (Ctrl plus een pijltoets op Windows).
Een object waarbij Vrij verplaatsbaar is aangevinkt, kan binnen zijn Container nog steeds Objecten uitlijnen gebruiken.
Gerelateerde artikelen
- Waarom gaat dit niet naar de plek waar ik het naartoe sleep?
- Een responsieve pagina bouwen met Containers, zodat alles netjes onder elkaar komt op een telefoon
- Hoe verplaats of sleep ik objecten naar de koptekst? Er verschijnt een blauwe lijn die me tegenhoudt
- Regelafstand (regelhoogte) en de ruimte tussen alinea's wijzigen