Cómo cambiar la apariencia de una tabla en Dreamweaver

¿Necesita cambiar la apariencia de una tabla en su sitio? Cuando selecciona una tabla en Dreamweaver, el inspector de propiedades le da acceso a las siguientes opciones para personalizar la apariencia de su tabla:

  • Mesa: Proporciona un área de texto donde puede introducir un nombre para una tabla. Este nombre, o ID, es útil para dirigir la tabla a los scripts.
  • Filas: Muestra el número de filas de la tabla. Puede modificar el tamaño de la mesa cambiando el número. Tenga cuidado, sin embargo: Si introduce un número que es más pequeño que el número de filas de la tabla, Dreamweaver elimina las filas inferiores: el contenido y todo.
  • Cols: Muestra el número de columnas de la tabla. Puede modificar el tamaño de la mesa cambiando el número. Una vez más, si introduce un número menor que el número de columnas de la tabla, Dreamweaver elimina las columnas del lado derecho de la tabla: el contenido y todo.
  • W (anchura): Muestra el ancho de la tabla. Puede modificar la anchura cambiando el número. Puede especificar el ancho como un porcentaje o un valor en píxeles. Los valores expresados como porcentaje aumentan o disminuyen el tamaño de la tabla en relación con el tamaño de la ventana del navegador del usuario o de cualquier contenedor adjunto, como otra tabla o una etiqueta <div> Las dimensiones de la tabla expresadas como porcentaje le permiten crear tablas que cambian de tamaño cuando se cambia el tamaño de la ventana del navegador. Si desea que una tabla ocupe siempre el 75 por ciento de la ventana, independientemente del área de visualización del usuario, establezca el tamaño como un porcentaje. Si desea que una tabla tenga siempre el mismo tamaño independientemente del tamaño de la ventana del navegador, seleccione píxeles para el ancho de su tabla. si una tabla se inserta en otro contenedor, como una etiqueta <div> o una tabla con un ancho fijo, el tamaño de la tabla no se basa en la ventana del navegador, sino en el contenedor. Como mejor práctica, la mayoría de los diseñadores no especifican la altura de la mesa porque el contenido de la mesa puede cambiar de un visitante a otro. Por ejemplo, el tamaño de la fuente del texto depende del sistema y de la configuración del usuario.
  • CellPad: Especifica el espacio entre el contenido de una celda y su borde.
  • CellSpace: Especifica el espacio entre las celdas de la tabla.
  • Alinear: Controla la alineación de la tabla en la página web. Las opciones son Predeterminado, Izquierda, Centro y Derecha. Como regla general, la opción Por defecto alinea la tabla desde el lado izquierdo de la ventana del navegador u otro contenedor.
  • Frontera: Controla el tamaño del borde alrededor de la mesa. Cuanto mayor sea el número, más grueso será el borde. Si desea que el borde sea invisible, ajústelo a 0.
  • Clase: Proporciona un fácil acceso a las opciones de hojas de estilo.
  • Borrar y convertir: Los iconos en el área inferior izquierda del inspector de propiedades (haga clic en la flecha de expansión en la esquina inferior derecha para verlos) proporcionan estas opciones de formato: Borrar los altos de fila y borrar los anchos de columna le permiten eliminar todos los valores de altura y ancho a la vez. Los píxeles especifican un ancho fijo; una configuración de porcentaje significa que el navegador ajusta automáticamente el porcentaje especificado del área de visualización del navegador.
  • También puede aplicar opciones de formato y cambiar los atributos de cualquier elemento, como texto, una imagen o un archivo multimedia, dentro de una celda de tabla. Para ello, seleccione el elemento y utilice las opciones del inspector de propiedades CSS o HTML para realizar los cambios deseados, tal y como lo haría si el elemento no estuviera en una celda de tabla.

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *