texto - formato tabla html
Células de tabla más grandes de lo que deben ser (4)
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 elimina la etiqueta final </span> de esta parte, también está funcionando (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">
Por lo tanto, intente desde el principio con el CSS o intente eliminarlos uno por uno para ver cuál es el que está causando el problema.
Creé un sistema de mapas para un juego que se basa en el principio de dibujar la imagen del mapa a partir de las fichas. Hay muchas razones para esto que no entraré aquí, pero si realmente quieres saber, entonces estoy seguro de que puedes averiguar cómo contactarme;)
Hice la última versión en vivo para que pueda ver exactamente dónde yace el problema 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 una imagen del problema .
Sé que esto puede sonar mal, pero debe asegurarse de que no haya espacios en blanco entre el final de su etiqueta <img> y el comienzo de la etiqueta </td> final.
es decir, lo siguiente presentará el problema:
<td>
<img src="image.jpg"/>
</td>
Y esto no:
<td><img src="image.jpg"/></td>
Espero que ayude.
Editar: OK, esa no era la solución en absoluto. doh!
Creo que necesitas usar display: block tus imágenes. Cuando las imágenes están en inline hay un poco de espacio adicional para el espaciado entre líneas.
También puede ajustar la altura de la línea del elemento td:
td {
line-height: 0
}