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?
fuente
fuente
Para mí, necesitaba hacer algo como esto para eliminar completamente los bordes de la tabla y todas las celdas. Esto no requiere modificar el HTML en absoluto, lo que fue útil en mi caso.
fuente
border: none
solicité atd
jekyll convencido que hiciera una mesa sin bordes:<td markdown="span" style="padding: 0.5vw; border: none; max-width:100%; max-height:10%; background: transparent;">
En un entorno de arranque, ninguna de las respuestas principales ayudó, pero la aplicación de lo siguiente eliminó todos los bordes:
Aplicado como:
fuente
En un entorno de arranque, aquí está mi solución:
fuente
Esto es lo que resolvió el problema para mí:
En su etiqueta HTML tr, agregue esto:
Eso eliminó todos los bordes que se mostraban en la fila de la tabla.
fuente