Lo siguiente son un par de atributos llamados CELLPADDING (ANCHURA INTERIOR DE CELDA) y CELLSPACING (ESPACIO ENTRE CELDAS). Las dos se usan en la sentencia <TABLE>. CELLPADDING es la cantidad de espacio entre el borde interior de la celda y el contenido de la celda.

<TABLE BORDER=3 CELLPADDING=12>

<TR>
<TD>Jose</TD>
<TD>Juan</TD>
<TD>Jorge</TD>
</TR>

<TR>
<TD>Miguel</TD>
<TD>Mariano</TD>
<TD>Manuel</TD>
</TR>

</TABLE>

Jose Juan Jorge
Miguel Mariano Manuel

El valor por defecto de este atributo es normalmente 1. La razón de que sea 1 y no 0 es para evitar que el texto toque directamente los bordes de la celda (aunque puedes especificar 0 si quieres).


Si ponemos CELLSPACING y eliminamos CELLPADDING tenemos un efecto ligeramente diferente.

<TABLE BORDER=3 CELLSPACING=12>

<TR>
<TD>Jose</TD>
<TD>Juan</TD>
<TD>Jorge</TD>
</TR>

<TR>
<TD>Miguel</TD>
<TD>Mariano</TD>
<TD>Manuel</TD>
</TR>

</TABLE>

Jose Juan Jorge
Miguel Mariano Manuel

El valor por defecto para CELLSPACING es usualmente 2.


Y podemos utilizar estos atributos combinados.

<TABLE BORDER=3 CELLSPACING=12 CELLPADDING=12>

<TR>
<TD>Jose</TD>
<TD>Juan</TD>
<TD>Jorge</TD>
</TR>

<TR>
<TD>Miguel</TD>
<TD>Mariano</TD>
<TD>Manuel</TD>
</TR>

</TABLE>

Jose Juan Jorge
Miguel Mariano Manuel

Y, desde luego, podemos ponerlos a 0.

<TABLE BORDER=3 CELLSPACING=0 CELLPADDING=0>

<TR>
<TD>Jose</TD>
<TD>Juan</TD>
<TD>Jorge</TD>
</TR>

<TR>
<TD>Miguel</TD>
<TD>Mariano</TD>
<TD>Manuel</TD>
</TR>

</TABLE>

Jose Juan Jorge
Miguel Mariano Manuel

Antes de seguir, hay un punto que me gustaría tratar. He visto que muchos autores omiten las sentencias de cierre de celda </TD>, de línea </TR> y de tabla </TABLE>. Incluso la recomendación W3C de html sugiere que al menos las sentencias de cierre de celda y de línea pueden omitirse. La idea es que el navegador debe saber que cuando una celda empieza, la anterior ha terminado. Desafortunadamente, y a medida que tus tablas se hagan más complejas, algunos navegadores no siempre entenderán esto y la tabla empezará a hacer cosas raras. La mejor manera de evitar esto es incluir siempre estas sentencias de cierre. Esto nos lleva a nuestra próxima pregunta...

 

PREGUNTA: He hecho mi página usando SúperCoderWeb y va fenomenal en el navegador A pero es completamente invisible en el navegador B. ¿Qué pasa?

R: Cuando una página completa, o grandes partes de ella "desaparecen", el culpable es habitualmente una sentencia </TABLE> que no se ha puesto. Asegúrate que las sentencias de cierre están en su sitio (especialmente /TABLE) y entonces el problema desaparece. ;-)