Cómo alinear el contenido de las tablas en las columnas y filas de Dreamweaver

La alineación limpia de los elementos en columnas y filas hace que su tabla sea ordenada y fácil de leer. Lograr esa apariencia en Dreamweaver puede ser complicado porque no tienes tanto control en HTML como en un programa como Excel, donde puedes alinear los números con 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 fundamentos de la alineación de filas y columnas en su tabla (y también encontrará consejos para resolver problemas comunes de alineación):

  • Coloque el cursor en la primera celda de la columna o fila que desee alinear; a continuación, haga clic y arrastre para resaltar todas las columnas o filas que desee cambiar.
  • Seleccione una opción de alineación de las listas desplegables Horz (horizontal) o Vert (vertical) en el inspector de propiedades. el contenido de la celda se ajusta para que coincida con la opción de alineación seleccionada. alternativamente, puede acceder a muchas opciones de formato, incluidas las opciones de alineación, seleccionando una tabla y, a continuación, haciendo clic con el botón derecho del ratón (Windows) o clic en Control (Mac).
  • Si sigue los pasos anteriores pero el contenido de la tabla sigue sin alinearse, pruebe con los siguientes consejos:

  • Si utiliza el mismo número de dígitos después del punto decimal en todos sus números, puede hacer que se alineen en una columna. Por ejemplo, si un precio es $12.99 y otro es $14, exprese este último como $14.00; luego, cuando esté alineado correctamente, los números se alinean. (Si sus columnas aún no están alineadas de la manera que usted desea, considere el uso de una fuente monospacio).
  • Si está teniendo problemas para alinear el contenido de las celdas adyacentes, establezca la alineación vertical en la parte superior. Una frustración común ocurre cuando tienes dos o más filas al lado del texto en una e imágenes en la otra, y quieres que la parte superior de la imagen y la parte superior del texto se alineen. A menudo no se alinean porque tienen diferentes longitudes. La solución es simple: Seleccionar todas las celdas que desea alinear, y en el inspector de propiedades, cambiar la alineación vertical a Superior. Aparentemente como magia, todo el contenido salta a la parte superior de las celdas y se alinea perfectamente. Este es un problema tan común que puede configurar rutinariamente la alineación vertical de las celdas de la tabla en la parte superior.
  • Asegúrese de usar el mismo formato, párrafo y etiquetas de ruptura si desea que el contenido de las celdas adyacentes se alinee. Otra situación en la que el contenido de las celdas adyacentes no se alinea correctamente es cuando se incluyen etiquetas de párrafo alrededor del texto o de una imagen en una celda pero no en otra, utilice la vista Dividir (haciendo clic en el botón Dividir en la parte superior del espacio de trabajo) y asegúrese de que el código de ambas celdas coincida. Si tiene etiquetas <p> alrededor del contenido en una celda y no en otra, asegúrese de incluirlas en la segunda celda o elimínelas de la primera para que ambas celdas coincidan.
  • Leave a Reply