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

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

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

7
html html-table image margin padding

6 ответов

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

7

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

table {
  border-collapse: collapse;
}
15

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

display: block;
5

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

Я 

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

Это прекрасно работало.

3

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

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

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

в 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>
0