D.iK.iJ

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

wolf, спасибо, предупредил.

Я тут уже писал, что max-width не работает в Firefox и IE 11 для изображений в таблицах.

Вот все решения, которые удалось найти:

1) Прописываем width: 100% изображению. Только я советую добавить height: auto. В идеале, можно прописать max-width с max-height. И в них указать размер картинки. max-height тут нужен для старых браузеров, в основном.

2) Добавить таблице table-layout: fixed. Это просто магия. Картинки начинают корректно ужиматься сами.

3) Можно вообще полностью избавиться от таблицы, прописав ячейкам display: block. Бывает очень удобно, если таблица с 1 ячейкой (td) или они друг под другом.

4) В интернете прочитал, что можно поместить картинку в контейнер и прописать ему максимальные значения картинки. Но вот зачем - я не понимаю. Проще уж как в 1 пункте.

Сразу добавлю, что по спецификации max-width не работает и для самой таблицы. Но тут уж совсем просто. Достаточно обернуть таблицу в DIV и ему прописать максимальную ширину.

Я тут стал тестировать скрипт репостов и забыл его убрать с сайта. Интересно получилось. Группа с ботами и без постов даже набрала 1000 участников уже.

Причем, пост для репоста был просто ссылкой на Озон.

Да, Так как многие удаляют репост, смотреть нужно на лайки скорее.

Хотя, может и лайки снимают?

Я очень любил Сапу, работаю там с самого начала (хоть и не очень успешно). Но я голосую за теплый ламповый дизайн! 🤪

А птичка как-то не так нравится.

Навеяно много чем.

garik78:
Что ж получается, некрасивых теперь никто не чпокает?

Не некрасивых, а без лайков :)

Вот вообще не уверен, что поисковики нормально индексируют картинки в CSS. Да и alt им не прописать

Взял в Китае Чуви vi12 - так как в 10 все было для меня неплохо, кроме высоты экрана. 11 дюймов - чуть маловато будет. Ну и задняя крышка там - стекло.

Да, это планшет, но с клавиатурой как у ноутбука.

300 посетителей в день - это примерно 1200 показов страниц. При среднем рейтинге кликов страницы (CTR) 3% и средней цене клика 10 центов ваш сайт может заработать за сутки 3.6 доллара, за месяц - 100 долларов.

Чую, будет раз в 10 - 100 меньше.

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

Уже давно использую такой код. Ну и проверяю по ПейджСпид от Гугла.

Если не работает - нужно написать хостеру, часто включается только у них.

#Кеширование статики D.iK.iJ

<IfModule mod_expires.c>

ExpiresActive On

ExpiresDefault "access 7 days"

ExpiresByType image/x-icon "access plus 2592000 seconds"

ExpiresByType image/jpeg "access plus 2592000 seconds"

ExpiresByType image/png "access plus 2592000 seconds"

ExpiresByType image/gif "access plus 2592000 seconds"

ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"

ExpiresByType text/css "access plus 604800 seconds"

ExpiresByType text/javascript "access plus 604800 seconds"

ExpiresByType application/javascript "access plus 604800 seconds"

ExpiresByType application/x-javascript "access plus 604800 seconds"

ExpiresByType text/html "access plus 604800 seconds"

ExpiresByType application/xhtml+xml "access plus 600 seconds"

</IfModule>

<ifModule mod_headers.c>

<filesMatch "\.(ico!pdf!flv!jpg!jpeg!png!gif!swf)$">

Header set Cache-Control "max-age=2592000, public"

</filesMatch>

<filesMatch "\.(css!js!txt!html!htm)$">

Header set Cache-Control "max-age=2592000, public"

</filesMatch>

<filesMatch "\.(php!xml)$">

Header set Cache-Control "max-age=172800, private, must-revalidate"

</filesMatch>

</ifModule>

victorpavloff:
Вёрстка резиновая. И высота блоков при разной ширине окна разная. Тут min-height наверное не подходит.

Прописать медиа запросами для каждой ширины - свой :)

Ну или вот, например:

http://htmlbook.ru/blog/div-nye-kolonki-odinakovoy-vysoty-na-css

(там есть еще несколько статей на тему)

Всего: 2928