Alinea, centra y espacia por igual los objetos de tu página

Para centrar un objeto en la página, selecciónalo y elige Organizar > Alinear objetos > Centrar. Para alinear varios objetos entre sí, selecciónalos todos y elige una opción de Organizar > Alinear objetos. Para que los espacios entre ellos sean iguales, usa Organizar > Distribuir objetos. Los mismos botones están en Inspector > Métricas, en Alineación del objeto y Distribuir objetos.

Centrar un objeto en la página

  1. Haz clic una vez en el objeto para seleccionarlo.
  2. Elige Organizar > Alinear objetos > Centrar. El objeto se mueve al centro de la página, de izquierda a derecha.
  3. Para el centro de arriba abajo, elige Organizar > Alinear objetos > Centrado. Esto usa toda la altura de la página, así que en una página larga el objeto puede saltar bastante más abajo.

Si el objeto está dentro de un contenedor, se centra dentro de ese contenedor y no en la página.

En una página adaptable, EverWeb puede preguntar ¿Mantener la alineación centrada en todos los tamaños de pantalla? Haz clic en Sí. EverWeb fija el objeto al centro (lo ata a la línea central), así que también se queda centrado en un teléfono y en una pantalla ancha. Si haces clic en No, solo queda centrado para el tamaño de ventana que ves ahora.

Alinear varios objetos entre sí

  1. Selecciona el primer objeto y después mantén pulsada la tecla Mayúsculas y haz clic en cada uno de los demás. (En un Mac, también funciona mantener pulsada la tecla Comando).
  2. Elige Organizar > Alinear objetos y después Izquierda, Centrar o Derecha para alinear sus bordes o sus centros de lado a lado, o Arriba, Centrado o Abajo para alinearlos de arriba abajo.

Con más de un objeto seleccionado, Centrar los alinea entre sí, no con la página. Para centrar en la página dos objetos de distinto tamaño, uno encima del otro, selecciona cada uno por separado y elige Centrar para cada uno.

Hacer que los espacios entre objetos sean iguales

  1. Coloca el primer y el último objeto donde los quieras, como las fotos de la izquierda y de la derecha de una fila.
  2. Selecciona todos los objetos (Mayúsculas-clic en cada uno).
  3. Elige Organizar > Distribuir objetos > Horizontalmente para una fila, o Verticalmente para una columna.

EverWeb deja el primer objeto donde está y reparte los demás para que todos los espacios sean iguales.

Guías mientras arrastras

Al arrastrar un objeto, aparecen líneas cuando sus bordes se alinean con otro objeto, y el objeto se ajusta a la línea cuando se acerca. También puedes mostrar una línea cuando los centros se alinean:

  1. Abre EverWeb > Ajustes en un Mac, o Editar > Opciones en Windows.
  2. Haz clic en General.
  3. En Guías de alineación, marca Mostrar guías en el centro del objeto. Mostrar guías en los márgenes de los objetos ya está marcado.

Para arrastrar sin que el objeto se ajuste a las guías, desmarca las dos casillas. Las guías comparan los objetos entre sí, no con la página, así que centra el primer objeto con Organizar > Alinear objetos > Centrar y después alinea los demás con él.

Colocar un objeto con exactitud

  • Teclas de flecha: selecciona un objeto y pulsa una tecla de flecha para moverlo 1 píxel. Mantén pulsada la tecla Mayúsculas para moverlo 5 píxeles.
  • Números exactos: ve a Inspector > Métricas (el tercer icono). Escribe la posición en X e Y, en Posición, y el tamaño en Anchura y Altura, en Tamaño.
  • Distancias: selecciona un objeto, mantén pulsada la tecla Opción (Mac) o Alt (Windows) y pasa el puntero por encima de otro objeto. EverWeb muestra la distancia entre ellos en píxeles.

Mantener los objetos en su sitio

  • Bloquear: selecciona un objeto y elige Organizar > Bloquear para no moverlo por accidente. Los objetos bloqueados tampoco se mueven cuando usas Alinear o Distribuir. Usa Organizar > Desbloquear para volver a moverlo.
  • Mantener los objetos juntos: en una página adaptable, ponlos en un contenedor. Selecciónalos y después elige Organizar > Contener como y Fila, Columna o Flujo libre. En una página con Diseño centrado, Organizar > Agrupar también funciona, pero te recomendamos los contenedores.

Dentro de un contenedor

Un contenedor (Fila o Columna) organiza lo que tiene dentro, así que Alinear objetos y Distribuir objetos aparecen atenuados para esos objetos. Usa los ajustes del propio contenedor:

  1. Selecciona el contenedor haciendo clic en una parte vacía de él.
  2. Ve a Inspector > Ajustes del widget (el engranaje, el último icono).
  3. En Alineación, pon Vertical en Top (arriba), Middle (centro) o Bottom (abajo), y Horizontal en Left (izquierda), Center (centro) o Right (derecha).
  4. Para un espaciado uniforme en una Fila, pon Horizontal en Justify (justificar: el primer y el último objeto en los bordes y espacios iguales entre ellos) o Justify-Center (justificar al centro: el mismo espacio alrededor de cada objeto).

Para cambiar el espacio entre objetos, selecciona cada objeto y usa Inspector > Métricas > Márgenes y relleno. En EverWeb 4.6 y posteriores, también puedes fijar un mismo espacio para todo el contenedor con Row Gap (espacio entre filas) y Column Gap (espacio entre columnas) en Ajustes del widget.

Para cambiar el orden, arrastra un objeto a su nuevo lugar. En EverWeb 4.6 y posteriores, también puedes seleccionarlo y pulsar Comando más una tecla de flecha (Ctrl más una tecla de flecha en Windows).

Un objeto con Permitir arrastrar libremente marcado puede seguir usando Alinear objetos dentro de su contenedor.

Artículos relacionados

  • 0 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Artículos Relacionados

¿Puede EverWeb crear menús desplegables?

Sí. El widget Barra de navegación crea menús desplegables a partir de tus directorios. Un...

He cambiado los colores de mis enlaces, pero no se ven cambiados después de publicar

Hay varios motivos por los que puedes ver colores incorrectos en los enlaces después de publicar...

¿Cómo puedo enmascarar o recortar una imagen en EverWeb?

Usa Formato > Máscara para recortar una imagen de tu página. Aparece un recuadro discontinuo...

Mis caracteres con tilde se convierten. ¿Cómo incluyo letras con tilde en la barra de navegación?

Lo más probable es que estés escribiendo el texto en el campo Nombre de archivo del Inspector....

¿Cómo muevo o arrastro objetos al encabezado? Aparece una línea azul que me lo impide

Las líneas azules marcan las secciones de encabezado, contenido y pie de página de una página con...