Mi objetivo es hacer una página HTML que sea similar a un "marco de fotos". En otras palabras, quiero hacer una página en blanco rodeada de 4 imágenes.
Este es mi código:
<table>
<tr>
<td class="bTop" colspan="3">
</td>
</tr>
<tr>
<td class="bLeft">
</td>
<td class="middle">
</td>
<td class="bRight">
</td>
</tr>
<tr>
<td class="bBottom" colspan="3">
</td>
</tr>
</table>
Y las clases CSS son las siguientes:
.bTop
{
width: 960px;
height: 111px;
background-image: url('../Images/BackTop.jpg');
}
.bLeft
{
width: 212px;
height: 280px;
background-image: url('../Images/BackLeft.jpg');
}
.middle
{
width: 536px;
height: 280px;
}
.bRight
{
width: 212px;
height: 280px;
background-image: url('../Images/BackRight.jpg');
}
.bBottom
{
width: 960px;
height: 111px;
background-image: url('../Images/BackBottom.jpg');
}
Mi problema es que estoy obteniendo líneas blancas finas entre las celdas de la tabla, quiero decir que el borde de las imágenes no es continuo. ¿Cómo puedo evitar estos espacios en blanco?