Сведения о вопросе

Gaukhar

15:23, 6th August, 2020

Теги

html   css    

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

Просмотров: 439   Ответов: 4

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

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

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

Я также загрузил изображение этого вопроса .



  Сведения об ответе

ITSME

14:01, 28th August, 2020

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


  Сведения об ответе

nYU

03:32, 11th August, 2020

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

td {
    line-height: 0
}


  Сведения об ответе

9090

15:23, 27th August, 2020

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

т. е. ниже будет представлена проблема:

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

А этого не будет:

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

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

Edit: OK, это вообще не было решением проблемы. дох!


  Сведения об ответе

PHPH

19:37, 25th August, 2020

Я еще не все просмотрел, но проблема кроется где-то в таблице стилей.

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

Если вы удалите последний тег </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, либо попробуйте удалить one-by-one их, чтобы увидеть, что вызывает проблему.


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться