D.iK.iJ

D.iK.iJ
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.

Какие все тут злые...

Адаптивные таблицы при помощи только CSS стилей 2

Развивая идею адаптивных таблиц, сделал такое вот интересное решение с прокруткой:

table {border: 1px solid #333333;
width: 100% !important;
overflow: auto !important;
display: block !important;
}
table tbody {display: table !important;
width: 99.9% !important;}

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

Потом назначаю тегу table ширину 100% и делаю его контейнером с прокруткой для самой таблицы, роль которой теперь будет играть tbody.

У последнего я еще чуть уменьшил ширину, так как часть ее уходит на рамку.

Все это позволило сделать адаптивные таблицы с большим количеством колонок красивыми. :)

Почему не обернуть table, например, элементом div и не применить стили и прокрутку уже к нему?

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

nastroen:
А обязательно ли упоминание "screen"? Например: @media screen and (max-width:600px)

Google обходится без этого screen и предлагает простое @media(min-width: 468px) в рекомендациях по стилям адаптивного блока.

Действительно интересно, спасибо :)

Я ориентировался на то, что кроме "screen" есть еще куча других параметров:

http://htmlbook.ru/css/value/media

all - Все типы. Это значение используется по умолчанию.
screen - Экран монитора.

Видимо, пример из Гугла трактуется как all.

KnoWhy:
Уже не знают, что и придумать.
Следующей услугой, наверное, добавят "страховку от снятия вебмастером тегов noindex"...

Следующей услугой будет nofollow и noindex сразу :) Или ссылка просто текстом. Чтобы наверняка уж. "Крауд маркетинг"

Самое точное определение, как мне кажется, по размеру экрана. Но оно на Джаваскрипте:

if(document.getElementsByTagName("body")[0].offsetWidth>=775) { }

Это может быть не человек виноват, а зараженные браузеры пользователей, которые встраивают на сайт вредоносную рекламу.

Тут есть тема про настройку CSP для защиты сайта.

Сейчас все упало из-за кризиса довольно сильно. Что продажа ссылок, что контекст. Различные курсы и услуги - самое оптимальное, если у вас есть что предложить. Ну и партнерки по туризму, если я правильно все понял по блогу.

Тут можно собирать подписчиков и ориентироваться именно на них, не тратя деньги на рекламу + кросспостинг в Твиттер, Контакт (можно Инстаграмм) и другие соцсети. Это можно делать автоматически даже.

Smart Shot:
Пруф?

Не "вроде как должен", а запрещает.

Дело в том, что у меня, например, страницы с переадресацией Китайцы прогнали по каталогам, сделав переадресацию на дорвей. И совсем скоро прилетел бан от Яндекса с пометкой "мобильный редирект на опасные страницы".

Ну да, могли по поведенческим определить. Мог не основной робот зайти, а какой-то дополнительный. Но факт в том, что глупо думать, что можно скрыть что-то от ПС обычным запретом в роботс. Нужно будет - проверят хоть даже вручную.

7000 в месяц с 50 человек? Даже не знаю. Это только если курсы какие-то продавать или услуги предоставлять. Даже если 100 человек каждый на сайте кликнул бы по рекламе, за месяц вышло бы 3000 - 6000 рублей максимум. Но и посещаемость должна быть не та совсем.

Тайский Том Ка (Кха) с креветками и грибами. Что-то дороговато его готовить у нас :)

Ну и кокосовая вода.

Всего: 2932