Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 June 26

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Василий Л
Как адаптировать грид таблицу? кто-нибудь в курсе?
судя по всему это table
источник

ВЛ

Василий Л in Верстка сайтов HTML/CSS/JS/PHP
Разве его кто то использует еще в современных адаптивных сайтах?)))
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Василий Л
Разве его кто то использует еще в современных адаптивных сайтах?)))
все)
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
канешн
источник

ВЛ

Василий Л in Верстка сайтов HTML/CSS/JS/PHP
Нет..это моветон давно уже лет 20 как
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
таблицы для таблиц это моветон? ))
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
кажется ты путаешься в понятиях, не табличная верстка, а тег table для таблицы
источник

ВЛ

Василий Л in Верстка сайтов HTML/CSS/JS/PHP
Только на тех сайтах где адаптив не нужен
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
открою секрет -- адаптивные таблицы произвольной конфигурации до сих пор не решены в html/css (пофиг на чем, grid/flex) -- таблицы с ограниченным конфигом можно сделать с grid/flex
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Василий Л
Как адаптировать грид таблицу? кто-нибудь в курсе?
ты можешь показать фрагмент кода этого скрина?
источник

СП

Сергей Предводителев... in Верстка сайтов HTML/CSS/JS/PHP
Добрый день!

Можно ли с помощью флекса сделать такую логику:

<div class="container">
 <div class="a"></div>
 <div class="b"></div>
</div>


a и b в одной линии.

a - 100px
b - всё оставшееся место

?
источник

C

Combot in Верстка сайтов HTML/CSS/JS/PHP
⚠️ Читай правила (!rules в чат), чтобы не получить бан!

✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Маркетолог: @bigmarketolog
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Сергей Предводителев
Добрый день!

Можно ли с помощью флекса сделать такую логику:

<div class="container">
 <div class="a"></div>
 <div class="b"></div>
</div>


a и b в одной линии.

a - 100px
b - всё оставшееся место

?
можно
источник

СП

Сергей Предводителев... in Верстка сайтов HTML/CSS/JS/PHP
Да, сейчас сделал)
источник

СП

Сергей Предводителев... in Верстка сайтов HTML/CSS/JS/PHP
.a {
 width: 100px;
}
.b {
 flex-basis: 0;
 flex-grow: 1;
}
источник

ВЛ

Василий Л in Верстка сайтов HTML/CSS/JS/PHP
http://dev-working.ru/new_project_28_10_2019/ вот в этом проекте делал адаптивную таблицу на флексах
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Сергей Предводителев
.a {
 width: 100px;
}
.b {
 flex-basis: 0;
 flex-grow: 1;
}
еще возможно flex-shrink: 0; для a нужно
источник

ВЛ

Василий Л in Верстка сайтов HTML/CSS/JS/PHP
Темный
ты можешь показать фрагмент кода этого скрина?
там гриды, что там смотреть?
источник

СП

Сергей Предводителев... in Верстка сайтов HTML/CSS/JS/PHP
idkfa
еще возможно flex-shrink: 0; для a нужно
вроде и без этого работает
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Василий Л
http://dev-working.ru/new_project_28_10_2019/ вот в этом проекте делал адаптивную таблицу на флексах
а где тут таблица?
источник