Как убрать разделение между строками в таблице HTML?

Question

У меня есть HTML-таблица с 3 строками и 1 столбцом. В верхнем и ряду кнопок у меня есть изображения, а в среднем ряду у меня есть div.

Между строками я вижу разделение (вижу фон моей страницы). Я попытался установить все отступы и поля на ноль (для таблиц, div и изображений), и у меня все еще есть это разделение. Кто-нибудь может, пожалуйста, помочь мне решить эту проблему.

Answer 1

Попробуйте использовать 'border-collapse':

table {
  border-collapse: collapse;
}

Answer 2

Установите cellspacing=0 в теге <table>, а также cellpadding=0.

Answer 3

Используйте это в теге img:

display: block;

Answer 4

Gonzohunter прибил это, хорошо, но вам может быть проще просто установить стиль на столе, если вы находитесь в последней версии HTML.

Я использовал

<table style='border-collapse: collapse;'>
    ... 
</table>

Это сработало отлично.

Answer 5

Кажется, что это твоя H2, что вызывает это. Чтобы исправить это, установите верхнее поле на ноль:

<h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2>

Answer 6

Вам нужно исключить интервалы из самих ячеек таблицы.

В CSS:

<style type="text/css">
  td {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }
</style>

Или в HTML 4.01 / XHTML 1.0 DTD (строго или переходно) :

<table cellspacing="0" cellpadding="0">
  [...]
</table>