Tabellenzellen, die größer sind als sie sein sollen

Question

Ich habe ein Kartensystem für ein Spiel erstellt, das nach dem Prinzip funktioniert, das Bild der Karte aus Kacheln zu zeichnen. Es gibt viele Gründe dafür, auf die ich hier nicht näher eingehen werde, aber wenn du es wirklich wissen willst, dann kannst du sicher herausfinden, wie du mich erreichen kannst;)

Ich habe made the latest version live, also kannst du genau sehen wo Problem liegt und die Quelle. Das Problem ist die Grenze zwischen den beiden obersten und den beiden unteren Karten. Ich kann mir nicht vorstellen, warum es so ist und jede Hilfe wäre willkommen.

In der Quelle ist ein Marker namens "stackoverflow", wenn Sie bei der Anzeige der Quelle nach "stackoverflow" suchen, dann sollte es Sie zu der fraglichen Tabelle bringen.

Ich habe auch eine image of the issue hochgeladen.

Answer 1

Ich denke, Sie müssen display: block auf Ihre Bilder verwenden. Wenn Bilder inline sind, gibt es etwas mehr Platz für den Zeilenabstand.

Answer 2

Ich weiß, dass dies schlecht klingen mag, aber Sie müssen sicherstellen, dass es kein Leerzeichen zwischen dem Ende von Ihnen Tag und dem Anfang des Endes </td> Tag gibt.

d Im Folgenden wird das Problem vorstellen:

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

Und diese werden nicht:

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

Hoffnung, das hilft.

Edit: OK, das war nicht die Lösung überhaupt. Dah!

Answer 3

Ich habe nicht die ganze Sache nachgeschlagen, aber das Problem liegt irgendwo in den Stylesheets.

Wenn Sie nur den Tabellenbereich kopieren, wird die Karte korrekt angezeigt.

Wenn Sie den letzten </span> Tag aus diesem Teil entfernen, wird es auch funktioniert (aber die Seite gemischt wird):

<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"> 

Also entweder mit der CSS von Anfang an versuchen oder versuchen, one-by zu entfernen -eines, um zu sehen, was das Problem verursacht.

Answer 4

Sie könnten auch die Zeilenhöhe des td-Elements einstellen:

td { 
    line-height: 0 
}