Ячейки таблицы больше, чем они должны быть

Я создал систему карт для игры, которая работает по принципу рисования изображения карты из тайлов. Для этого есть много причин, о которых я не буду здесь говорить, но если вы действительно хотите это знать, я уверен, что вы сможете узнать, как связаться со мной;)

Я выпустил последнюю версию, чтобы вы могли точно увидеть, в чем проблема и источник. Проблема в том, что между двумя верхними плитками и двумя нижними плитками есть грань, я не могу понять, почему все так, и любая помощь будет признательна.

В источнике есть маркер «stackoverflow», если вы ищете «stackoverflow» при просмотре источника, то он должен привести вас к рассматриваемой таблице.

Я также загрузил изображение проблемы .

22.08.2008 09:55:34
4 ОТВЕТА
РЕШЕНИЕ

Я думаю, что вы должны использовать display: blockна своих изображениях. Когда изображения inlineесть немного больше места для межстрочного интервала.

29
1.06.2013 02:37:04

Я знаю, что это может звучать плохо, но вам нужно убедиться, что между <img>тэгом end of you и началом </td>тэга end нет пробелов .

то есть следующее представит проблему:

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

И этого не будет

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

Надеюсь, это поможет.

Изменить: ОК, это не было решением вообще. DOH!

3
22.08.2008 10:19:57
это может представлять ту же / похожую проблему
Mark W 17.08.2011 12:09:42

Я не посмотрел все это, но проблема лежит где-то в таблицах стилей.

Если вы скопируете только часть таблицы, карта будет отображаться правильно.

Если вы удалите последний </span>тег из этой части, он также работает (однако страница запутывается):

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

Так что либо попробуйте с самого начала с помощью css, либо попробуйте удалить их по одному, чтобы увидеть, что является причиной проблемы.

1
22.08.2008 10:09:20

Вы также можете настроить высоту строки элемента td:

td {
    line-height: 0
}
5
14.01.2016 19:57:00