Cómo alinear contenido de la tabla en columnas y filas en Dreamweaver

Limpie la alineación de los elementos en columnas y filas hace que su mesa limpia y fácil de leer. El logro de esa mirada en Dreamweaver puede ser complicado, ya que no tienen tanto control en HTML como usted tiene en un programa como Excel, donde se puede alinear los números hasta el punto decimal, por ejemplo. En una tabla HTML, puede alinear el contenido de las columnas a la izquierda, derecha o centro.

Los siguientes pasos explican los conceptos básicos de la alineación de filas y columnas en la tabla (y usted encontrará consejos para la solución de problemas de alineación comunes, también):

  1. Seleccione la columna o fila para el que desea cambiar la alineación.

    Coloque el cursor en la primera celda de la columna o fila que desea alineación a continuación, haga clic y arrastre para resaltar todas las columnas o filas que desea cambiar.

  2. Elija una opción de alineación del Horiz (horizontal) o Vert (vertical) listas desplegables en el inspector de propiedades.

    El contenido de la celda se ajusta para que coincida con la opción de alineación seleccionado.

    Alternativamente, se puede acceder a muchas opciones de formato, incluyendo opciones de alineación, mediante la selección de una mesa y luego a la derecha, al hacer clic (Windows) o Control-clic (Mac).

    imagen0.jpg

Si usted sigue los pasos anteriores pero contenido de la tabla todavía no está alineando, prueba los siguientes consejos:

  • Si utiliza el mismo número de dígitos después del punto decimal en todos sus números, se puede conseguir que se alinean en una columna. Por ejemplo, si un precio es de $ 12.99 y la otra es de $ 14, expresar este último como $ 14.00- entonces, al alinear a la derecha, el número de su equipo. (Si sus columnas todavía no se están alineando la forma en que usted quiere que, considere el uso de una fuente de espacio sencillo).

  • Si tienes problemas para alinear el contenido de las celdas adyacentes, establecer la alineación vertical de arriba. Una frustración común ocurre cuando usted tiene dos o más filas de lado a lado con el texto en uno y las imágenes en la otra, y desea que la parte superior de la imagen y la parte superior del texto para alinear. A menudo no se alinean porque son diferentes longitudes.

    La solución es simple: Seleccione todas las celdas que desea alinear, y en el inspector de propiedades, cambie la alineación vertical arriba. Al parecer, como la magia, todo el contenido salta a la parte superior de las células y se alinea perfectamente. Este es un problema tan común que se puede establecer de forma rutinaria la alineación vertical de las celdas de tabla para arriba.

  • Asegúrese de que utiliza el mismo formato, párrafo, y romper las etiquetas si desea que el contenido de las celdas adyacentes a la línea. Otra situación en la que el contenido de las células adyacentes no se alinean correctamente se produce cuando se incluyen etiquetas de párrafo de todo el texto o una imagen en una celda, pero no en otro.

    Utilice Vista de Split (haciendo clic en el botón Dividir en la parte superior del espacio de trabajo) y asegúrese de que el código en ambas células coincide. Si usted tiene

    etiquetas de todo el contenido en una célula y no en otro, asegúrese de incluirlos en la segunda celda o eliminarlos de la primera por lo que tanto las células coinciden.




» » » » Cómo alinear contenido de la tabla en columnas y filas en Dreamweaver