Как такое сверстать?

Question

[tostershmoster]

Как я понимаю "кнопки" "Бесплатные сервера" и "Подписочный сервер" это в тоже время и заголовки таблицы. Значит сжиматься/растягиваться должны вместе с ними. Нужно ли тут использовать табличную верстку?

"Кнопки" тоже должны быть в таблице? Это должны быть просто ячейки таблицы со ссылками?

Я так понимаю, что с одной стороны эти "кнопки" являются заголовком таблицы и показывают количество наменований на разных серверах, т.е. "Бесплатные сервера" и данные в таблице под ними и так же для "Подписочный сервер", а с другой стороны являются кнопками которые ведут, например, на страницы регистраций со списками этих серверов. Если переместить их в другое место, то будет не понятно что это за колонки и почему в одном столбце одно значение, а в другом другое. Так что они связаны с таблицей. Вопрос в том должны ли они быть внутри таблицы и если да то в каком виде (кнопки или ссылки)?

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента.

[Deita]

Нужно ли тут использовать табличную верстку?

Таблицу не можно, а именно нужно использовать в подобных случаях, особенно поисковые системы любят её. И она очень быстро рендерится движками браузеров.

Answer 1

[archelon]

На изображении — таблица. Поэтому верстать это таблицей правильно.

Comments

[tostershmoster]

"Кнопки" тоже должны быть в таблице?

[Deita]

tostershmoster, нет это не семантика уже будет

[archelon]

tostershmoster, «кнопки» — это что, «бесплатные сервера» и «подписочный сервер» в шапке?
Да, логично их сделать в thead → th. Тем более, что они же выполняют роль названий колонок, если я правильно понимаю. Так что все по семантике.

[tostershmoster]

archelon, т.е. это должны быть ячейки таблицы со ссылками? Я уже сделал кнопками) Кнопок же не может быть внутри таблицы?

[archelon]

tostershmoster, эти кнопки что делают, они связаны с таблицей?
Интуитивно догадываюсь, что они должны сортировать или фильтровать строки таблицы. Или что-то другое?

[tostershmoster]

archelon, я так понимаю, что с одной стороны эти "кнопки" являются заголовком таблицы и показывают количество наменований на разных серверах, т.е. "Бесплатные сервера" и данные в таблице под ними и так же для "Подписочный сервер", а с другой стороны являются кнопками которые ведут, например, на страницы регистраций со списками этих серверов. Если переместить их в другое место, то будет не понятно что это за колонки и почему в одном столбце одно значение, а в другом другое. Так что они связаны с таблицей. Вопрос в том должны ли они быть внутри таблицы и если да то в каком виде (кнопки или ссылки)?

[archelon]

tostershmoster, Все так.
Если они «по смыслу» связаны с таблицей — им самое место в thead, независимо от того, кнопки ли это (для сортировки/фильтрации, например) или ссылки, стилизованные как кнопки.
Если они не имеют никакого отношения к таблице, помимо того, что расположены вровень с ее столбцами, то их надо вынести куда-то.
В общем, надо уточнить у дизайнера, например.