Opciones de las Tablas

Continuamos analizando las distintas opciones para trabajar con las tablas.

 

Espacio entre celdas

Comenzamos en este ejemplo creando una tabla de 2 columnas y tres filas. Queremos dejar una cierta distancia entre las celdas, por ejemplo para separar el texto o las imágenes que luego coloquemos dentro.

  • Creamos la tabla pulsando Insertar y Tabla.
  • En el cuadro que aparece colocamos el número en "Cell Spacing", que nos define el tamaño de la separación. En nuestro ejemplo hemos puesto 10 para dejar 10 pixels de separación.

 

dreamweaver

 

Y el resultado se muestra a continuación.

 

dreamweaver

 

Si escribimos dentro de la celda el texto queda tal como se muestra a continuación.

 

dreamweaver

 

 

El margen de las celdas

Si queremos que el texto o las imágenes que incluimos en las celdas se separen de la linea que limita la celda utilizamos la opción "Cell Padding".

  • Pulsamos Insertar y Tabla.
  • En el cuadro que aparece asignamos un número a la opción Cell Padding para crear un margen dentro de las celdas.

 

dreamweaver

 

Y el resultado se muestra a continuación. Observe como el texto se ha separado de las líneas que limitan las celdas.

 

dreamweaver

 

 

Cambiar el tamaño de la tabla y de las celdas

Partimos de la siguiente tabla.

 

dreamweaver

 

Para modificar el tamaño de la tabla manteniendo sus proporciones:

  • Seleccionamos la tabla.
  • Nos situamos en la esquina.
  • Movemos el cursor manteniendo pulsado el botón del ratón. Como se muestra a continuación.

 

dreamweaver

 

Y el resultado será el siguiente.

 

dreamweaver

 

 

Modificar el ancho de la Tabla

Para modificar el ancho de la Tabla nos situamos en el cuadrado negro que aparece en la parte media al seleccionar la Tabla. Partimos de la siguiente tabla.

 

dreamweaver

 

  • Seleccionamos la tabla y situamos el cursor en el punto negro.

 

dreamweaver

 

  • Manteniendo pulsado el botón nos movemos al tamaño deseado. En nuestro ejemplo nos movemos a la izquierda para reducir el tamaño de la Tabla. Y el resultado se muestra a continuación.

 

dreamweaver

 

 

Modificar la altura de la Tabla

Deseamos por ejemplo, que el alto de la tabla sea mayor. Una forma sencilla de cambiar el tamaño de la tabla o las celdas es situar el cursor en la línea que deseamos cambiar, y manteniendo pulsado el botón izquierdo del ratón nos movemos.

 

dreamweaver

 

Y al movernos hacia abajo manteniendo pulsado el botón del ratón modificamos la tabla quedando como se muestra a continuación.

 

dreamweaver

 

¿Te gustó? Pues comparte ;-)
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame