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. ;-) |