PavelTkachev

Здравствуйте! Помогите, пожалуйста, решить проблему с появлением полосы прокрутки на мобильных устройствах. Не работающий пример Должна быть вертикальная полоса прокрутки. Она есть на Android 7. Но отсутствует на Android 6 и iPhone.

Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

Есть ли решение для lazyload не как модуль jQuery или иной библиотеки, а самостоятельный скрип?

А что это за единица такая vw? И насколько она поддерживается браузерами?

Как с помощью css сделать квадратный блок при задании только ширины или высоты элемента? Я с помощью javascript меняю размер квадратных блоков, но для этого меняю оба размера. Мне думается, что изменение одного размера будет происходить быстрее.

Дело не в картинках, а в том, что стили прописаны прямо в html-тегах, а не вынесены за его пределы в отдельный css-файл. Это не соответствует рекомендациям, написанным в документации и Яндекса и Google. Потому я и подозреваю, что понизят.

Не могу вспомнить адрес сайта, на котором был список шрифтов и их доступность на разных платформах. Хочу подобрать шрифты с засечками и без, чтобы они были установлены на максимальном количестве систем.

С точки зрения семантики как правильно делать: <main><h1></h1></main>или <h1></h1><main></main>

Добавил дивов, чтобы стало понятнее https://jsfiddle.net/t3mbvvbo/1/ Те, что в самом низу нужно, чтобы были по левому краю.

У меня контент состоит из квадратных блоков фиксированных размеров. Нужно сделать адаптивный дизайн, так чтобы блоки размещались построчно. При этом они должны быть по центру экрана по ширине. Я сделал так: https://jsfiddle.net/t3mbvvbo/ Но в последнем ряду, если блоков не хватает до ширины экрана, они также по центру. А нужно, чтобы они были по левому краю. Как это сделать?

Так и поступлю. Спасибо!

Так тоже не работает. Может attr из css3 вообще браузерами ещё не поддерживается? В css 2.1 он может использоваться только с content.

Мне нужно путь к фоновой картинке передавать в атрибуте data. Я написал следующее <article data-i="i/1.png"></article>article{ background:url(attr(data-i url)) left top no-repeat;}Но эта конструкция не работает. Какова будет работающая конструкция? Вообще моя задача скрыть от поисковиков картинки в блоках без использования javascript. Поскольку их много, то пришла идея писать путь к картинке в каждом блоке внутри data и передавать её для отображения как фон. Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Если с attr не возможно этого добиться, то есть ли иное решение?

Можно ли только средствами CSS3 сделать как в этом примере?