16ª CLASE
Color de las Tablas

17ª CLASE
Poner Enlaces

18ª CLASE
Insertar Imágenes

19ª CLASE
Imágenes Animadas






 
 
LECCION 15ª

TAMAÑO DE LAS COLUMNAS Y MARGENES DE LAS CELDAS DE LAS TABLAS
 

FIJAR EL TAMAÑO DE LAS COLUMNAS

El mismo atributo utilizado para definir el tamaño de la tabla se utiliza para definir o fijar el tamaño de las columnas.

Definimos el tamaño de la columna con WIDTH

Por ejemplo, queremos que en una tabla de dos columnas, la primera columna ocupe el 20 por ciento de la tabla y la segunda el 80 por ciento.  

Pondremos Width=20% en las celdas de la primera columna y Width=80% en las celdas de la segunda columna.

 

EL MARGEN DE LAS CELDAS

Podemos asignar márgenes a las celdas, de forma que lo que pongamos dentro no quede pegado a los bordes de la celda.

Para el margen de las celdas utilizamos el atributo cellpadding="aqui ponemos el número"

 

EJEMPLO

Realizaremos una tabla de 2 por 3

A) Una tabla con dos filas y tres columnas, con borde de la tabla 1 y el ancho de la tabla un 75% del ancho de la página.

B) Las celdas con  un margen de 15 píxeles y el tamaño de las celdas un 10% del tamaño de la tabla la primera columna, un 20% del tamaño de la tabla la segunda columna y un 70% del tamaño de la tabla la tercera columna.

C) Pondremos dentro de las celdas las letras a,b,c,d,e,f

Quedaría

<table border="1" cellpadding="15" cellspacing="0" width="75%">

<tr>

<td width="10%">a</td>

<td width="20%">b</td>

<td width="70%">c</td>

</tr>

<tr>

<td width="10%">d</td>

<td width="20%">e</td>

<td width="70%">f</td>

</tr>

</table>

 

Y el resultado

a b c
d e f

Clase anterior

Próxima clase


Página de Inicio       Contáctanos       ¿Quiénes somos?
Este es un producto de AulaFacil S.L. - Madrid, 13 de Julio 2000