?

Log in

No account? Create an account
[sticky post]Последнее обновление блога на dikij.com
D.iK.iJ
dikij_com


Последние обновления RSS ленты в ЖЖ: dikij-run

Мои твиты
D.iK.iJ
dikij_com
  • Ср, 17:57: Верстка сложных адаптивных таблиц На днях была сложная задача по адаптивной верстке - сделать сложную таблицу норм… https://t.co/d87bpBqi8G
Tags:

Верстка сложных адаптивных таблиц
D.iK.iJ
dikij_com
На днях была сложная задача по адаптивной верстке - сделать сложную таблицу нормально читаемой с телефона. Ниже сразу покажу пример - что было и что получилось.

А вот и живой пример. Таблица меняется при ширине окна браузера в 960px. Или можно посмотреть демо (внизу). @media screen and (max-width: 960px) { #table5 {width: 100%; box-sizing: border-box;} #table5 tr {display: block; overflow: hidden;} #table5 tr:first-child {display: none;} #table5 td {border: 1px solid #999; padding-top: 20px; display: block; float: left; width: 33.333%; position: relative; box-sizing: border-box;} #table5 td:first-child {width: 100%; padding-top: 0px;} #table5 td:nth-child(2):after {content: "Заголовок 2"; position: absolute; top: 0px; left: 0px; width: 100%; font-size: 12px; line-height: 8px; color: #000; padding: 1px; text-align: center; padding: 5px; box-sizing: border-box;} #table5 td:nth-child(3):after {conten...
http://dikij.com/blogger/2019/?id=2
Tags: , ,

Мои твиты
D.iK.iJ
dikij_com

Мои твиты
D.iK.iJ
dikij_com
Tags:

Мои твиты
D.iK.iJ
dikij_com
Tags:

Мои твиты
D.iK.iJ
dikij_com
Tags:

Мои твиты
D.iK.iJ
dikij_com
  • Чт, 15:42: RU/EN Сегодня у меня наконец-то получилось! К нам возвращаются магические кулоны с зельем удачи! Мой взгляд на волш… https://t.co/CbszNjJfRg
Tags:

Мои твиты
D.iK.iJ
dikij_com
  • Вт, 15:43: RU/EN НОВИНКА! Яйцо дракона. Кулон с черными лабораторными опалами в стекле. Купить можно на Ярмарке Мастеров всего… https://t.co/uqfJmBO7V2
Tags:

Мои твиты
D.iK.iJ
dikij_com
Tags: