1

Я постарался удалить все отступы но почему-то мужду строками отступ всё же существует. Вот html

<table>
    <tr><td><img src="img/gta.jpg" alt=""></td>
    <td><img src="img/call.jpg" alt=""></td>
    <td><img src="img/cb.jpg" alt=""></td></tr>
    
    <tr><td><img src="img/pubg.jpg" alt=""></td>
    <td><img src="img/ff.jpg" alt=""></td>
    <td><img src="img/csgo.jpeg" alt=""></td></tr>
    
    <tr><td><img src="img/Among_Us.png" alt=""></td>
    <td><img src="img/bs.jpg" alt=""></td>
    <td><img src="img/mc.jpg" alt=""></td></tr>
</table>

И css:

table td{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

table{
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

И ещё каждая картина размером 640 на 333 пикселя.

3
  • 2
    line-height: 0 ? 29 дек 2020 в 17:49
  • проверь нормалайз, может, какие-то свойства пропущены. И лучше добавь ссылку на демо, проблема может быть вовсе не в таблице.
    – VladykoD
    29 дек 2020 в 23:38
  • @OPTIMUSPRIME, по идее сработает, но ведь можно лучше.
    – Qwertiy
    30 дек 2020 в 0:20

1 ответ 1

2

У картинок по умолчанию размещение по базовой линии (ну если это не таблица в документе в quirks-режиме), соответственно остаётся пустота.

Либо меняем отображение:

img {
  display: block;
}

Либо просто выравниваем:

img {
  vertical-align: top;
}
1
  • 1
    @0xdb, готово :)
    – Qwertiy
    30 дек 2020 в 0:48

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.