Сергей!

У вас очень мало текста и очень неэкономно расходуется пространство. А ещё вы зачем‑то используете неудобный для чтения и широкий шрифт. Смотрите, вот одна ячейка вашей таблицы:

Как минимум четыре пятых её площади потрачены на пустое пространство. Ещё непонятны выравнивания то по центру, то по правому краю. Разделительная линия посередине обозначает непонятно что. Выровняем колонки по левому краю, уберём бесполезный фон, заменим шрифт:

Новая ячейка уже занимает в 2‑3 раза меньше места, а читать её стало проще. Но можно уплотнить её ещё сильнее и заодно повысить удобство чтения. Для этого поменяем местами строки и колонки:

Остаётся лишь вытащить заголовки колонок наверх и примерить получившийся дизайн на большее количество ячеек:

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

P. S. Я касаюсь темы вёрстки таблиц на своём курсе «Типографика и вёрстка». Ближайший курс пройдёт с 12 июня по 2 июля, а следующий — неизвестно когда. Записывайтесь, пока есть места и пока цена ниже.

Типографика в вебеФормат: текстТаблицыФормат: таблицаПредставление информации
Отправить
Поделиться
Запинить

Рекомендуем другие советы