Celdas de tabla más grandes de lo que deberían ser

Question

He creado un sistema de mapas para un juego que se ejecuta según el principio de dibujar la imagen del mapa a partir de las teselas. Hay muchas razones para esto que no entraré aquí pero si realmente quieres saberlo, estoy seguro de que puedes averiguar cómo contactarme;)

Tengo made the latest version live para que puedas ver exactamente dónde está problema miente y la fuente. El problema es la línea entre los 2 primeros mosaicos y los 2 inferiores, no puedo entender por qué se fue así y cualquier ayuda sería apreciada.

En la fuente hay un marcador llamado "stackoverflow", si busca "stackoverflow" cuando visualiza la fuente, debe llevarlo a la tabla en cuestión.

También he subido un image of the issue.

Answer 1

Creo que necesita utilizar display: block en sus imágenes. Cuando las imágenes son inline, hay un poco de espacio adicional para el espaciado entre líneas.

Answer 2

Sé que esto puede sonar mal, pero debe asegurarse de que no haya espacios en blanco entre el final de la etiqueta <img> y el final de la etiqueta </td>.

es decir, el siguiente será presentar el problema:

<td> 
<img src="image.jpg"/> 
</td> 

Y esto no:

<td><img src="image.jpg"/></td> 

Espero que ayude.

Editar: Bien, esa no era la solución en absoluto. doh!

Answer 3

No he buscado todo, pero el problema se encuentra en alguna parte de las hojas de estilo.

Si copia solo la parte de la tabla, muestra el mapa correctamente.

Si se quita la </span> etiqueta final a partir de esta parte, también se está trabajando (sin embargo, la página se mezcla):

<div class="inner"><span class="corners-top"><span></span></span> 
<div class="content" style="font-size: 1.1em;"> 

<!-- Stackoverflow findy thingy --> 
<table border="0" cellspacing="0" cellpadding="0"> 

Así que, o tratar desde el principio con el css o tratar de eliminar uno por -uno de ellos, para ver, que está causando el problema.

Answer 4

También puede ajustar la altura de la línea del elemento td:

td { 
    line-height: 0 
}