eliminar el espacio entre celdas de una tabla
a ver.para hacer un menú lateral tengo una tabla de una columna con 3 filas. He puesto una imagen de fondo de la 1º celda como cabecera, la 2º con una imagen q se repite como cuerpo y en la 3º otra imagen como pie de tabla. La cosa es que quiero eliminar el espacio entre las celdas para que las imágenes queden como una sola.
Estoy haciendo la página con dreamweaver. en el programa se ve como yo quiero, pero luego no funciona ni en el mozilla ni en internet-exlorer, asi que algo falla.
os pego mi código, a ver si me podeis echar una mano.
------tabla-----
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div id="titulo_agenda">
<h3>Agenda Semanal </h3>
</div></td>
</tr>
<tr>
<td><div id="cuerpo_agenda">
<p> </p>
<p> </p>
</div></td>
</tr>
<tr>
<td><div id="bajo_agenda">
</div></td>
</tr>
</table>
---- hasta aquí, el de la tabla-------
--- CSS-----
div#titulo_agenda {
background-image: url(../fijos/imagenes/agenda-cabecera.gif);
background-repeat: no-repeat;
height: 50px;
width: 200px;
line-height: 50px;
}
div#cuerpo_agenda {
background-image: url(../fijos/imagenes/agenda-fondo.gif);
background-repeat: repeat-y;
padding-left: 15px;
}
div#bajo_agenda {
background-image: url(../fijos/imagenes/agenda-abajo.gif);
background-repeat: no-repeat;
height: 50px;
width: 200px;
}
---- hasta aquí el CSS----
pues eso. estoy seguro q es algún fallo tonto o algo que me dejo, pero no lo encuentro. así que si alguien me ayuda, pues guay.
y nada más. un saludo,
MANUEL
Estoy haciendo la página con dreamweaver. en el programa se ve como yo quiero, pero luego no funciona ni en el mozilla ni en internet-exlorer, asi que algo falla.
os pego mi código, a ver si me podeis echar una mano.
------tabla-----
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div id="titulo_agenda">
<h3>Agenda Semanal </h3>
</div></td>
</tr>
<tr>
<td><div id="cuerpo_agenda">
<p> </p>
<p> </p>
</div></td>
</tr>
<tr>
<td><div id="bajo_agenda">
</div></td>
</tr>
</table>
---- hasta aquí, el de la tabla-------
--- CSS-----
div#titulo_agenda {
background-image: url(../fijos/imagenes/agenda-cabecera.gif);
background-repeat: no-repeat;
height: 50px;
width: 200px;
line-height: 50px;
}
div#cuerpo_agenda {
background-image: url(../fijos/imagenes/agenda-fondo.gif);
background-repeat: repeat-y;
padding-left: 15px;
}
div#bajo_agenda {
background-image: url(../fijos/imagenes/agenda-abajo.gif);
background-repeat: no-repeat;
height: 50px;
width: 200px;
}
---- hasta aquí el CSS----
pues eso. estoy seguro q es algún fallo tonto o algo que me dejo, pero no lo encuentro. así que si alguien me ayuda, pues guay.
y nada más. un saludo,
MANUEL
Prueba a especificar "margin:0" y "padding:0" como estilo para la tabla.
Creo que puede ser eso.
Creo que puede ser eso.