Адаптивные таблицы css
Автор Наталья Залужная задал вопрос в разделе Верстка, CSS, HTML, SVG
Адаптивные таблицы на CSS. Частично решено, но знаний довести до конца не хватает. Подскажите... и получил лучший ответ
Ответ от Илья Ш[гуру]
Error 404
We're truly sorry, but there is no such page.
Илья Ш
(12348)
@media (min-width: 980px)
.responstable th, .responstable td {
display: table-cell;
padding: 1em; - закомментируй )
}
Ответ от Александр[гуру]
Вопрос такой, скажите пожалуйста это таблица для сайта риелторских услуг?
Вопрос такой, скажите пожалуйста это таблица для сайта риелторских услуг?
Ответ от Metotron[гуру]
На некоторых разрешениях у td есть довольно толстые пэддинги, поэтому таблица при всём желании не может ужаться. Нужно добавлять ещё media-запросы и менять там padding и font-sizeНаличие margin у td и th не очень понимаю. Он же не применится.Мне кажется, что при таком количестве текста полоса прокрутки — лучший выход. Это гораздо лучше, чем текст, написанный по вертикали по одной букве на строке (как сейчас s кух, s общ) или мелкий текст, который всё равно придётся увеличивать и получать прокрутку.Другой вариант — вывести только важную информацию в 2-3 столбца, а по нажатию на кнопку/строку показывать специальный блок с дополнительными данными в виде вертикальной таблицы. Блок можно сделать плавающим или закрепить где-то наверху/визу, но там его может быть и не видно.Если цена в тысячах, то лучше отбивать разряды пробелами, так русскому человеку понятнее, чем точкой. А ещё лучше вынести в заголовок "Цена, тыс. руб" и писать просто "18". Если будут дробные цены, то писать дробью, всё равно их будет меньшинство. Таким образом столбцы немного сузятся и визуально разгрузятся. Срок, я смотрю, тоже в месяцах, тогда лучше вынести месяцы в заголовок и писать только число. Зачем повторять "мес" в каждой строке?А ещё, если заголовок обозначен "с/у", то не нужно писать "разд с/у", достаточно писать "раздельный". Все сокращения лучше сопровождать title или вообще брать в тэг abbr, потому что не все люди понимают, что такое кирп/мон. Кирп — ещё ладно, а вот мон — никаких идей. Не все ж люди всю жизнь квартиры продают, кому-то это нужно раз в жизни, и такое обилие сокращений только запутывает."Кол-во комнат": "1к. кв." Создаётся впечатление, что вы количество комнат считаете в каких-то "к. кв." На самом деле количество — это просто число, не бойтесь его писать. Кому нужны эти повторяющиеся к. кв.? Даже если по-руски прочитать, то получается "Количество комнат в нашей квартире — двухкомнатная квартира"Хол и Инт — это холодильник и интернет? Не каждый догадается. А вот на СтМ у меня нет вариантов. Тут тоже нужны всплывашки. Вроде, станция метро, но она же в третьем столбце. Ааа, стиралка это. Зашифруют же.
На некоторых разрешениях у td есть довольно толстые пэддинги, поэтому таблица при всём желании не может ужаться. Нужно добавлять ещё media-запросы и менять там padding и font-sizeНаличие margin у td и th не очень понимаю. Он же не применится.Мне кажется, что при таком количестве текста полоса прокрутки — лучший выход. Это гораздо лучше, чем текст, написанный по вертикали по одной букве на строке (как сейчас s кух, s общ) или мелкий текст, который всё равно придётся увеличивать и получать прокрутку.Другой вариант — вывести только важную информацию в 2-3 столбца, а по нажатию на кнопку/строку показывать специальный блок с дополнительными данными в виде вертикальной таблицы. Блок можно сделать плавающим или закрепить где-то наверху/визу, но там его может быть и не видно.Если цена в тысячах, то лучше отбивать разряды пробелами, так русскому человеку понятнее, чем точкой. А ещё лучше вынести в заголовок "Цена, тыс. руб" и писать просто "18". Если будут дробные цены, то писать дробью, всё равно их будет меньшинство. Таким образом столбцы немного сузятся и визуально разгрузятся. Срок, я смотрю, тоже в месяцах, тогда лучше вынести месяцы в заголовок и писать только число. Зачем повторять "мес" в каждой строке?А ещё, если заголовок обозначен "с/у", то не нужно писать "разд с/у", достаточно писать "раздельный". Все сокращения лучше сопровождать title или вообще брать в тэг abbr, потому что не все люди понимают, что такое кирп/мон. Кирп — ещё ладно, а вот мон — никаких идей. Не все ж люди всю жизнь квартиры продают, кому-то это нужно раз в жизни, и такое обилие сокращений только запутывает."Кол-во комнат": "1к. кв." Создаётся впечатление, что вы количество комнат считаете в каких-то "к. кв." На самом деле количество — это просто число, не бойтесь его писать. Кому нужны эти повторяющиеся к. кв.? Даже если по-руски прочитать, то получается "Количество комнат в нашей квартире — двухкомнатная квартира"Хол и Инт — это холодильник и интернет? Не каждый догадается. А вот на СтМ у меня нет вариантов. Тут тоже нужны всплывашки. Вроде, станция метро, но она же в третьем столбце. Ааа, стиралка это. Зашифруют же.
Ответ от Виктор Алексеев[гуру]
хе-хе) все таки заставил ее сжиматься:
ссылка
хе-хе) все таки заставил ее сжиматься:
ссылка
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Адаптивные таблицы на CSS. Частично решено, но знаний довести до конца не хватает. Подскажите...
Как сделать изображение background в css адаптивное автоматически под все экраны
Блок, к которому она фоном, должен иметь ширину в процентах.
И настроить свойства этого фона,
подробнее...
А что легче сделать сайт на HTML или на CSS? А что легче сделать сайт на HTML или на CSS?
Аааа)) )
Это вопрос как раз перед сном, поржать)) )
Не, заблуждаться может каждый,
подробнее...
Посоветуйте пожалуйста конструктор сайтов, типа Artistera.
Themler
Это новая программа от создателей Artisteer. Они просто поняли, что пора что-то менять
подробнее...