¿Cómo elimino la separación entre filas en una tabla HTML?

Question

Tengo una tabla html con 3 filas y 1 columna. En la fila superior y del botón tengo imágenes y en la fila del medio tengo div.

Entre mis filas veo una separación (veo el fondo de mi página). Traté de establecer todo el relleno y los márgenes a cero (para tablas, div e imágenes) y todavía tengo esta separación. ¿Alguien puede ayudarme a resolver este problema?

Answer 1

Establezca cellspacing=0 en la etiqueta <table>, así como cellpadding=0.

Answer 2

Intente utilizar 'border-collapse':

table { 
    border-collapse: collapse; 
} 

Answer 3

es necesario eliminar el espaciado de las celdas de la tabla en sí.

En CSS:

<style type="text/css"> 
    td { 
    border-collapse: collapse; 
    border-spacing: 0; 
    margin: 0; 
    padding: 0; 
    } 
</style> 

O en HTML 4.01/XHTML 1.0 DTD (Strict or Transitional):

<table cellspacing="0" cellpadding="0"> 
    [...] 
</table> 

Answer 4

Parece que es su H2 que está causando. Para solucionarlo, establecer el margen superior de la misma a cero:

<h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2> 

Answer 5

Gonzohunter clavado esto, bien, pero puede que le resulte más fácil de configurar sólo el estilo sobre la mesa, asumiendo que son en una versión HTML reciente.

que utilizan

<table style='border-collapse: collapse;'> 
    ... 
</table> 

Esto funcionó a la perfección.

Answer 6

Utilice esta etiqueta img en:

display: block;