js/jquery в руки и вперед)

Дублировать таблицы - ну это порево)

если хочешь по простому - table,tr,td {display: block}

Это уже фронт. Я вообще хз, что такое JS/JQ.я же верстальщик))

это еще не фронт

если хочешь по простому - table,tr,td {display: block}

Вот так и попробую сейчас

а таблица кем формируется? контент-менеджером или програмно?

Хороший вопрос. Вроде контент мен., но я стараюсь пилить под машину

если под машину - то нафига таблица вообще? если мен - то все тяжело и плохо

уточнить бы жестко, либо-либо

если под машину - то нафига таблица вообще? если мен - то все тяжело и плохо

+++

Привет Скрудж! Веб Дизайн: @dev_design Freelancer: @web_fl

Ска, да это же самый простой вариант.....

Просто от обратного надо было пойти. Не все сделать таблицей, а таблицу сделать адаптивом

Просто от обратного надо было пойти. Не все сделать таблицей, а таблицу сделать адаптивом

иногда, тайна может быть слишком прозрачной

Да, и лежать под носом

https://codepen.io/VladislavV/pen/Pjvovx

Удобный для себя брейкпоинт поставьте, и все четко по тз)

Насколько это семантично, и законно? Делать элементы таблицы блоками?

Насколько это семантично, и законно? Делать элементы таблицы блоками?

не особо хорошо

но я так один раз делал

но у меня не было выбора - был готовый сайт, который нид было оптимизировать под мобилки, и куча таблиц, которым ни класс не задать, ни джсом подцепиться, ибо они редактировались контент менеджером и их уже было много

Ну, тут тз такое. Надо типа оставить все, что есть у таблиц, но и "складывать" ее так, как на скрине

И это самый адекватный способ, дабы не городить кучу всего конченого

+ с поддержкой осла

ой, так тебе для студенческой работы

или что?

И это самый адекватный способ, дабы не городить кучу всего конченого

который?

дивами таблицы верстать?

ой, так тебе для студенческой работы

Фу фу фу, нет

ТЗ такое веселенькое, типа тестовое

че фу фу то. студентом жи в кайф быть

аа

дивами таблицы верстать?

Нет, display: block для td

бисплей

Ага

ну таблицы верстать это серьезная задача так то

ты не прошел этот тест, лол

если тестовое - то надо было городить что то серьезное, на джсе

ты не прошел этот тест, лол

Дак мне 3 дня на него дали :D

это делается за пару часов так то

Не не, я чисто верстак и сразу сказал, что в js я 0

Вообще я серьезно хотел эту задачу решить как минимум через display: table, ибо IE 10+.

Но сколько не попадался на вопросы на стаке, все говорят что нельзя объединять ячейки через display: table. Никакие table-row-group и прочее

Но сколько не попадался на вопросы на стаке, все говорят что нельзя объединять ячейки через display: table. Никакие table-row-group и прочее

ну вообще то можно, просто один див на несколько ячеек, как и в обычных table

ну вообще то можно, просто один див на несколько ячеек, как и в обычных table

Дак попробуй сделать =) Если уже есть 2 ячейки в таблице, то он тупо разбивает себя на 2 части, и все тут =/

Дак попробуй сделать =) Если уже есть 2 ячейки в таблице, то он тупо разбивает себя на 2 части, и все тут =/

rowspan для таблиц

Это если через таблицу

Через <table> а не div display: table

И кстати colspan

rowspan объединяет ячейки в строках, по вертикали то есть

да не, дивами же таблицу верстаешь без display: table, а на флексах анпример

на флексах наверно изи, на флоатах я не пробовал

да не, дивами же таблицу верстаешь без display: table, а на флексах анпример

ты не прав: необходимо жесткое задействование тега <table>

ты не прав: необходимо жесткое задействование тега <table>

+

ты не прав: необходимо жесткое задействование тега <table>

ты еще скажи, что таблицами верстать плохо

впрочем, я бы к таблице флекс применил, раз осел 10+

ты еще скажи, что таблицами верстать плохо

смотря что верстать

адаптивные сайты

плохо

знаю я про таблицы, мы тут нестандартные случаи рассматриваем, а не про семантику

Не, тут чисто таблица, а не сайт на таблицах.

знаю я про таблицы, мы тут нестандартные случаи рассматриваем, а не про семантику

вот тебе нестандартный случай: ТЗ обязывает тебя использовать <table>, но при этом на экранах моб.устройств в одной строке должна быть одна ячейка

вот тебе нестандартный случай: ТЗ обязывает тебя использовать <table>, но при этом на экранах моб.устройств в одной строке должна быть одна ячейка

вот такое я люблю

ERROR: S client not available

если UI уже задан заказчиком, то скорее всего переделал бы скриптом

если скрипт нельзя юзать, то кроме как display: block у меня нет решения

Скрипты нельзя)

если UI уже задан заказчиком, то скорее всего переделал бы скриптом

доп.условие: только css, т.к. js отключен на стороне клиента в браузере

Я хотел найти решение именно в идеале, без скриптов и поломки табличных элементов

таблицы таблицы. мне как-то дали сайт и сказали адаптировать его. он был на таблицах, ага, но я справился :)

Ведь куча всяких элементов табличных и прочее

таблицы таблицы. мне как-то дали сайт и сказали адаптировать его. он был на таблицах, ага, но я справился :)

Тупо переделал все в display: flex?)

старый форум SMF v. < 2 весь на таблицах, адаптация была болью, т.к осел 8й требовался

ну типа того

это было не то что сложно, скорее противно

ковыряние в табличном коде не приносит и частички удовольствия

Вот щас на флексах делаю

Одни границы только дичи приносят тонну

border: 0;

А если они нужны? border-collapse не выставить

помню учился верстать таблицы...

че за бордер коллэпс

:D

ЯСНА)))

Короче, у флексов не табличное поведение. Ваш КЭП!

У гридов мож че прикольное из такого выйдет... Но доживем ли мы до гридов?)

Короче, у флексов не табличное поведение. Ваш КЭП!

так и знал, что все не так просто.... увольняюсь из айти

помню учился верстать таблицы...

дай пять, бро

Для начала нажми Edit сообщения и удали мат:)

у меня до сих пор висит сайт на народе, который в 2006 делал

Нуууу... Мне кажется Алик даже за столько делать сайт не возьмется

2к - работы с бд

там таблицы фулл, css и что меня крайне радовало - эффекты на hover!!! чувствовал себя богом верстки

чуть не заржал