Hola. Estoy haciendo una web y el tamaño de las celdas se cambia. No se por qué, no tienen ningún motivo para hacerlo, pero lo hacen. Una celda de 20x20 se agranda y el fondo que le pongo le queda mal porque no encaja.
Es un problema que ya me ocurrió y lo solucioné, pero no recuerdo cómo.
Aquí hay una imagen (las celdas están separadas con las líneas rojas):
Este es el código:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>ExeSoft - Inicio</title>
<style type="text/css">
<!--
body,td,th {
color: #F3F2F5;
}
body {
background-color: #010D41;
}
.Estilo3 {font-size: 2px}
-->
</style></head>
<body>
<div align="center">
<table border="0" width="100%" id="table1" height="439" cellspacing="0">
<tr>
<td background="imagenes/tablasupiz.png" height="20" width="20"><span class="Estilo3"></span></td>
<td width="1057" height="20" background="imagenes/tablasup.png"><span class="Estilo3"></span></td>
<td background="imagenes/tablasupde.png" height="20"><span class="Estilo3"></span></td>
</tr>
<tr>
<td background="imagenes/tablasup.png" width="20"> </td>
<td background="imagenes/tablasup.png"> </td>
<td background="imagenes/tablasup.png" width="20"> </td>
</tr>
<tr>
<td background="imagenes/tablainfiz.png" height="20" width="20"> </td>
<td background="imagenes/tablasup.png" height="20"> </td>
<td background="imagenes/tablainfde.png" height="20"> </td>
</tr>
</table>
</div>
</body>
</html>
¿Cómo se arregla?
Gracias.