¿Qué es el formato vertical?

Por jim campbell
¿Qué es el formato vertical?
Hemera Technologies/PhotoObjects.net/Getty Images

Los formatos verticales y horizontales te permiten sentar una página web en el navegador del usuario. El formato de alineación vertical es la ubicación de una imagen o texto dentro de un contenedor. Puedes alinear el contenido en la parte superior, media o inferior del contenedor, dependiendo del diseño que se adapte a tu diseño de página web.

Importancia

El diseño sin tablas es el que tienen la mayoría de las páginas web. Esto significa que la mayoría de desarrolladores se adhieren a las clases CSS para diseñar imágenes y texto en una página. Anteriormente, las tablas con celdas, filas y columnas controlaban la apariencia de una página Web. Sin embargo, con un diseño sin tablas, la disposición está contenida dentro de un recipiente "div". Un contenedor div permite colocar las secciones de la página en diferentes áreas del código HTML, y controla las diferentes secciones de tu página sin afectar otras áreas.

Formato vertical

La propiedad "valign" es la etiqueta de línea interna HTML que controla la posición vertical de un objeto contenido. Por ejemplo: si tienes un contenedor div que tiene 50 píxeles en altura, establecer "valign" en el "medio" ubica el contenido 25 píxeles hacia abajo desde la parte superior del contenedor. Aunque muevas el contenedor div hacia una ubicación diferente, seguirá centrado verticalmente.

Clases CSS

Las hojas en estilo de cascada permiten configurar las clases de diseño, por lo cual puedes enlazar tus elementos HTML a una clase sin tener que escribir manualmente el estilo de cada elemento. El siguiente es un ejemplo de una clase CSS que alinea verticalmente los elementos:

div {

vertical-align: middle; }

Esta clase alinea verticalmente el contenido en el medio de un div llamado "div".

Consideraciones

El diseño para CSS requiere de tiempo y práctica. Si la alineación está anulada para un div, puedes arruinar el diseño del resto de la página. Debes abrir la página HTML con sus clases CSS asociadas en cada navegador común como en Firefox, Chrome e Internet Explorer para asegurarte de que el diseño funcione correctamente en los navegadores de tus lectores.