Vovan
финал , Очень большое спасибо всем кто выдержал мой бредо генератор мыслей и кода , я буду учиться
Vovan
Спасибо, сохранил.
Николай
можно в бан улетель) шикардос
Vladislav
Короче
Vladislav
Двухколоночная таблица, с адаптивом в одну колонку и возможностью объединять строки
Vladislav
Вот так тз
d4u
Бутстрап
d4u
d4u
Короче
Vladislav
Сам такой
Vladislav
😂
d4u
Флексы
d4u
Смартгрид с медиа запросом?
Vladislav
Медиазапрос точно есть, после 480 надо тупо в одну колонку все
Vladislav
Я думал через флексы, но как сделать, чтобы первая колонка вся была одной ширины?
Vladislav
Кроме тех, которые объединенные, конечно же
Vladislav
Иногда я поражаюсь как мои вопросы сметают всех из чата))
Eugene
это законно?
Eugene
А я тут сегодня в первый раз флексы потыкал.
AlekVolsk
Я думал через флексы, но как сделать, чтобы первая колонка вся была одной ширины?
у тебя именно таблица или блоки? ширина нужна фикс или растянута на 100%?
Eugene
Прикольная штука
Eugene
До этого встречался с ними, но не юзал.
Eugene
Да и вообще версткой не занимался, особо
AlekVolsk
о, с нами дух времени! интересно, какого? )))
Vladislav
у тебя именно таблица или блоки? ширина нужна фикс или растянута на 100%?
Я могу тебе тз в личку скинуть)
Как бы нужна таблица обычная, но чтобы ячейки в строке можно было объединять, и чтобы она в одну колонку делалась при 480 и ниже разрешении.
Сейчас попробую именно td поназадавать другой вид и попробовать их вниз сместить
Vladislav
По моему он не то делал
Eugene
дивом хд
Eugene
можно 2 таблички сделать
AlekVolsk
Eugene
и прятать через media
Vladislav
Скрип - это уже не верстка)
Vladislav
Дублировать таблицы - ну это порево)
Vladislav
Это уже фронт. Я вообще хз, что такое JS/JQ.я же верстальщик))
Eugene
js/jquery в руки и вперед)
Vladislav
Вот так и попробую сейчас
AlekVolsk
а таблица кем формируется? контент-менеджером или програмно?
Vladislav
Хороший вопрос. Вроде контент мен., но я стараюсь пилить под машину
AlekVolsk
если под машину - то нафига таблица вообще? если мен - то все тяжело и плохо
AlekVolsk
уточнить бы жестко, либо-либо
Vladislav
Ска, да это же самый простой вариант.....
Vladislav
Просто от обратного надо было пойти. Не все сделать таблицей, а таблицу сделать адаптивом
Vladislav
Да, и лежать под носом
Vladislav
https://codepen.io/VladislavV/pen/Pjvovx
Vladislav
Удобный для себя брейкпоинт поставьте, и все четко по тз)
Vladislav
Насколько это семантично, и законно? Делать элементы таблицы блоками?
Vladislav
Ну, тут тз такое. Надо типа оставить все, что есть у таблиц, но и "складывать" ее так, как на скрине
Vladislav
Vladislav
Vladislav
И это самый адекватный способ, дабы не городить кучу всего конченого
Vladislav
+ с поддержкой осла
Vladislav
Фу фу фу, нет
Vladislav
ТЗ такое веселенькое, типа тестовое
Vladislav
Нет, display: block для td
Vladislav
бисплей
Vladislav
Ага
Vladislav
Дак мне 3 дня на него дали :D
Vladislav
Не не, я чисто верстак и сразу сказал, что в js я 0
Vladislav
Вообще я серьезно хотел эту задачу решить как минимум через display: table, ибо IE 10+.
Vladislav
Но сколько не попадался на вопросы на стаке, все говорят что нельзя объединять ячейки через display: table. Никакие table-row-group и прочее
Eugene
Vladislav
Дак попробуй сделать =)
Если уже есть 2 ячейки в таблице, то он тупо разбивает себя на 2 части, и все тут =/
Vladislav
Это если через таблицу
Vladislav
Через <table> а не div display: table
Vladislav
И кстати colspan
Vladislav
rowspan объединяет ячейки в строках, по вертикали то есть
AlekVolsk
ты не прав: необходимо жесткое задействование тега <table>
AlekVolsk
впрочем, я бы к таблице флекс применил, раз осел 10+
AlekVolsk
смотря что верстать
AlekVolsk
плохо
Vladislav
Не, тут чисто таблица, а не сайт на таблицах.
AlekVolsk
вот тебе нестандартный случай: ТЗ обязывает тебя использовать <table>, но при этом на экранах моб.устройств в одной строке должна быть одна ячейка
Vladislav
Скрипты нельзя)
AlekVolsk
доп.условие: только css, т.к. js отключен на стороне клиента в браузере
Vladislav
Я хотел найти решение именно в идеале, без скриптов и поломки табличных элементов
Dmitry
таблицы таблицы. мне как-то дали сайт и сказали адаптировать его. он был на таблицах, ага, но я справился :)