Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/09/2008, 18:55
ssclamp
 
Fecha de Ingreso: octubre-2004
Mensajes: 289
Antigüedad: 20 años, 1 mes
Puntos: 10
Respuesta: Separación entre celdas con fondo de imagen

La solución de estuardoeg es la mejor, pero, por si por algún motivo necesitas seguir maquetando con tablas te dejo tu código arreglado (tenías desajustados algunos tamaños y es necesario añadir una clase de mínimo tamaño a las celdas que hacen el marco, además las imágenes que componen el marco es mejor que las coloques como fondos de celda).

Código HTML:
<!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-Type" content="text/html; charset=ISO-8859-1" />
<title>..:: La web de Luiggy ::..</title>
<style>
.mini {
	font-size: 1px;
}
</style>

</head>
<body bgcolor="#000000">
<div align="center">
<table width="690" height="126" border="0" cellpadding="0" style="border-collapse: collapse">
  <tr>
    <td width="12" height="12" background="top-left.gif" class="mini">&nbsp;</td>
    <td width="666" height="12" background="top.gif" class="mini">&nbsp;</td>
    <td width="12" background="top-righ.gif" height="12" class="mini">&nbsp;</td>
  </tr>
  <tr>
    <td height="102" width="12" background="left.gif" class="mini">&nbsp;</td>
    <td height="102" class="texto" bgcolor="#FFFFFF">&nbsp;</td>
    <td background="right.gif" width="12" class="mini">&nbsp;</td>
  </tr>
  <tr>
    <td background="down-lef.gif" width="12" height="12" class="mini">&nbsp;</td>
    <td height="12" background="down.gif" class="mini">&nbsp;</td>
    <td background="down-rig.gif" width="12" height="12" class="mini">&nbsp;</td>
  </tr>
</table>

</div>

</body>
</html>