Поможете, плис, расположить кнопки с таблицей?

Question

[Вадим]

Помогите плис расположить кнопки с таблицей так, чтобы верстка не ломалась при уменьшении экрана. Доб. столбик или удаляя она должна стоять нерушимо

Comments

[Ярослав Иванов]

Бесплатно ?

[nofuture trustnoone]

Ярослав Иванов, без регистрации и смс.

[nofuture trustnoone]

Как вы себе представляете эту дичь на бою?
добавлю ка я 5 строк и 5 столбцов и начнут колапсировать блоки, чисто потому что она должна стоять нерушимо.
Как вариант, чтобы сетка была прибитой - добавлять оверфлоу по х и у, ну или фантазировать с флексбокс

[gleendo]

ох уж эти дизайнерские задумки...

[Павел Корнилов]

Алексей Овдиенко, ИМХО, в данном случае

фантазировать с флексбокс

Не тот вариант. Лучше динамически добавлять ячейки в существующую таблицу, при условии, что она жёстко прибита по ширине к размеру экрана.

[nofuture trustnoone]

KorniloFF, чтобы верстка не ломалась при уменьшении экрана
уже на 900 ширине такая сетка полетит к фигам)
нельзя просто так расположить кучу ячеек в ряд\колонку без искажений

[Павел Корнилов]

Алексей Овдиенко, тут есть 2 варианта решения (навскидку):
1. Убирать таблицу нафиг при ширине экрана меньше 900рх
2. Динамически дробить таблицу на 2 или больше, размещая их друг над другом.
Второй вариант потребует не самого простого скриптового решения, но сохранит весь необходимых контент.

Answer 1

[Павел Корнилов]

Помогите плис расположить кнопки с таблицей так, чтобы верстка не ломалась при уменьшении экрана

Разместить их внутри таблицы, а самой таблице назначить max-width=100%.

Comments

[Вадим]

таблица выкидывает все что не tr или td.а расположив кнопки в td допустим, ломается js(

[Павел Корнилов]

Да все это реализуемо. Кнопки должны быть динамически генерируемыми td, расположенными в нужных tr.
Проще всего это сделать именно с помощью js.