Per centrare un oggetto nella pagina, selezionalo e scegli Disponi > Allinea oggetti > Centra. Per allineare più oggetti tra loro, selezionali tutti e scegli un'opzione in Disponi > Allinea oggetti. Per rendere uguali gli spazi tra loro, usa Disponi > Distribuisci oggetti. Gli stessi pulsanti si trovano in Ispettore > Metriche, in Allineamento oggetto e Distribuisci oggetti.
Centrare un oggetto nella pagina
- Fai clic una volta sull'oggetto per selezionarlo.
- Scegli Disponi > Allinea oggetti > Centra. L'oggetto si sposta al centro della pagina, da sinistra a destra.
- Per il centro dall'alto in basso, scegli Disponi > Allinea oggetti > Nel mezzo. Questa opzione usa tutta l'altezza della pagina, quindi in una pagina lunga l'oggetto può saltare molto più in basso.
Se l'oggetto si trova in un Contenitore, viene centrato all'interno di quel Contenitore invece che nella pagina.
In una pagina Responsive, EverWeb può chiedere Mantenere l'allineamento al centro su tutte le dimensioni dello schermo? Fai clic su Sì. EverWeb fissa l'oggetto al centro (lo lega alla linea centrale), così resta centrato anche sul telefono e su uno schermo largo. Se fai clic su No, viene centrato solo per le dimensioni della finestra che vedi ora.
Allineare più oggetti tra loro
- Seleziona il primo oggetto, poi tieni premuto Maiusc e fai clic su ciascuno degli altri. (Su un Mac funziona anche tenere premuto Comando.)
- Scegli Disponi > Allinea oggetti, poi A sinistra, Centra o A destra per allineare i loro bordi o i loro centri in orizzontale, oppure In alto, Nel mezzo o In basso per allinearli in verticale.
Con più oggetti selezionati, Centra li allinea tra loro, non con la pagina. Per centrare nella pagina due oggetti di dimensioni diverse, uno sopra l'altro, seleziona ciascuno da solo e scegli Centra per ognuno.
Rendere uguali gli spazi tra gli oggetti
- Posiziona il primo e l'ultimo oggetto dove li vuoi, per esempio la foto a sinistra e quella a destra di una fila.
- Seleziona tutti gli oggetti (Maiusc-clic su ciascuno).
- Scegli Disponi > Distribuisci oggetti > Orizzontalmente per una fila, oppure Verticalmente per una colonna.
EverWeb lascia il primo oggetto dov'è e distanzia gli altri in modo che tutti gli spazi siano uguali.
Guide mentre trascini
Mentre trascini un oggetto, compaiono delle linee quando i suoi bordi si allineano con un altro oggetto, e l'oggetto scatta in posizione quando ci si avvicina. Puoi anche far comparire una linea quando i centri sono allineati:
- Apri EverWeb > Impostazioni su un Mac, oppure Modifica > Opzioni su Windows.
- Fai clic su Generale.
- In Guide di allineamento, spunta Visualizza le guide al centro dell'oggetto. Visualizza le guide lungo i bordi dell'oggetto è già spuntata.
Per trascinare senza l'aggancio, togli la spunta da entrambe le caselle. Le guide confrontano gli oggetti tra loro, non con la pagina, quindi centra il primo oggetto con Disponi > Allinea oggetti > Centra, poi allinea gli altri a quello.
Posizionare un oggetto con precisione
- Tasti freccia: seleziona un oggetto e premi un tasto freccia per spostarlo di 1 pixel. Tieni premuto Maiusc per spostarlo di 5 pixel.
- Valori esatti: vai in Ispettore > Metriche (la terza icona). Digita la posizione in X e Y in Posizione, e le dimensioni in Larghezza e Altezza in Dimensione.
- Distanze: seleziona un oggetto, tieni premuto Opzione (Mac) o Alt (Windows) e passa il puntatore su un altro oggetto. EverWeb mostra la distanza tra i due in pixel.
Tenere fermi gli oggetti
- Blocca: seleziona un oggetto e scegli Disponi > Blocca, così non puoi spostarlo per sbaglio. Gli oggetti bloccati restano fermi anche quando usi Allinea o Distribuisci. Usa Disponi > Sblocca per spostarlo di nuovo.
- Tenere insieme gli oggetti: in una pagina Responsive, mettili in un Contenitore. Selezionali, poi scegli Disponi > Contieni come e Riga, Colonna o Flusso libero. In una pagina con Layout centrato funziona anche Disponi > Raggruppa, ma ti consigliamo i Contenitori.
All'interno di un Contenitore
Un Contenitore (Riga o Colonna) dispone ciò che contiene, quindi Allinea oggetti e Distribuisci oggetti sono disattivati (in grigio) per quegli oggetti. Usa invece le impostazioni del Contenitore:
- Seleziona il Contenitore facendo clic su una sua parte vuota.
- Vai in Ispettore > Impostazioni widget (l'ingranaggio, l'ultima icona).
- In Allineamento, imposta Verticale su Top (in alto), Middle (al centro) o Bottom (in basso), e Orizzontale su Left (a sinistra), Center (al centro) o Right (a destra).
- Per una spaziatura uniforme in una Riga, imposta Orizzontale su Justify (giustifica: il primo e l'ultimo oggetto ai bordi, spazi uguali in mezzo) oppure Justify-Center (giustifica al centro: spazio uguale attorno a ogni oggetto).
Per cambiare lo spazio tra gli oggetti, seleziona ciascun oggetto e usa Ispettore > Metriche > Margini e padding. In EverWeb 4.6 e successivi puoi anche impostare un unico spazio per tutto il Contenitore con Row Gap (spazio tra le righe) e Column Gap (spazio tra le colonne) in Impostazioni widget.
Per cambiare l'ordine, trascina un oggetto nella nuova posizione. In EverWeb 4.6 e successivi puoi anche selezionarlo e premere Comando più un tasto freccia (Ctrl più un tasto freccia su Windows).
Un oggetto con Consenti il trascinamento libero spuntato può comunque usare Allinea oggetti, all'interno del suo Contenitore.
Articoli correlati
- Perché questo oggetto non va dove lo trascino?
- Crea una pagina responsive con i Contenitori, in modo che sul telefono si impili in modo ordinato
- Come sposto o trascino oggetti nell'intestazione? Compare una linea blu che me lo impedisce
- Cambiare l'interlinea (altezza della linea) e lo spazio tra i paragrafi