Foros del Web - Ver Mensaje Individual - Celdas de tabla a 24px imagenes a 24px no caben

kseso? · #18 (**permalink**) 13/07/2009, 07:46

Hola Astut.

Después de andar dándole alguna vuelta al tema de las tablas (que reconozco mi desconocimiento de ellas), te comparto lo siguiente, tomando como base el código:

Código html:

Ver original<body>
        <table width="60" border="0" cellspacing="0" cellpadding="0" height="60">
            <tr height="20">
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
            </tr>
            <tr height="20">
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
            </tr>
            <tr height="20">
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
                <td width="20" height="20"><img src="imagen.gif" alt="" height="20" width="20" align="middle" border="0"></td>
            </tr>
        </table>
    </body>

Deliberadamente descabezado

Pues lo que he podido observar es que el espacio aparece en función del doctype.
Si el documento comienza por:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

no surgen espacios en blanco.
Si el doctype es

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ya tenemos espacio entre las filas, y la única forma que he hallado de eliminarlo es añadiendo el estilo:

Código css:

Ver originaltr {float: left; clear:both;}

conjuntamente con este último doctype.

Intentaré alguna cosilla más y te cuento.

Un saludo.

Edito:
No tomar en cuenta los errores tales como no cerrar los tags, los estilos en el cuerpo, etc. Son pruebas.