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 сделать как в этом примере?

Как вставить символ ⛳ в css? :after { content: '\e9971'; } не работает...

Спасибо!

Вот фрагмент моей вёрстки http://jsfiddle.net/xqybw8Lx/1/ Мне нужно, чтобы белая полоска справа от круга была от верха до низу. Можно ли этого добиться с помощью css? Я понимаю, что можно просто картинку сделать и справа её разместить.

Тоже не помогает. Спасибо, что пытались помочь. Буду надеяться, что другие не будут видеть этот порог в 1px, в отличие от меня.

Не помогает

Тогда ступенька в 1 px.

И какой хак тут применить? span{ cursor:pointer; padding:0 20px; border-radius:10px 0 0 10px; width:100px; display:inline-block; text-align:center; position: relative; text-decoration:none; background:#009944; } span:hover{ background:#ebb453; } span:hover::after{ border-left:15px solid #ebb453; } span::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Между span и after в IE прозрачная полоса в 1px. В других браузерах фон без разрыва.

Столкнулся с тем, что вот такая конструкция не работает в Internet Explorer старше 9 версии: <!--[if IE]> <style> span{ background:red; } </style> <![endif]--> Как сделать стиль срабатывающий и для старших версий Internet Explorer?

Спасибо!

Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки? a::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.