PavelTkachev
-
Posts
237 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by PavelTkachev
-
-
Как сделать без использование таблицы вертикальное центрирование текста в блоке?
То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.
-
Есть ли решение для lazyload не как модуль jQuery или иной библиотеки, а самостоятельный скрип?
-
Через ширину можно так сделать.
А что это за единица такая vw? И насколько она поддерживается браузерами?
-
Как с помощью css сделать квадратный блок при задании только ширины или высоты элемента?
Я с помощью javascript меняю размер квадратных блоков, но для этого меняю оба размера. Мне думается, что изменение одного размера будет происходить быстрее.
-
PavelTkachev, on 03 Feb 2016 - 12:23 PM, said: Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Прошу прощения, можно какой-нибудь пруф на это утверждение? Если эти картинки не сбивающие с толку рекламные надписи, конечно)
Дело не в картинках, а в том, что стили прописаны прямо в html-тегах, а не вынесены за его пределы в отдельный css-файл. Это не соответствует рекомендациям, написанным в документации и Яндекса и Google. Потому я и подозреваю, что понизят.
-
Не могу вспомнить адрес сайта, на котором был список шрифтов и их доступность на разных платформах. Хочу подобрать шрифты с засечками и без, чтобы они были установлены на максимальном количестве систем.
-
С точки зрения семантики как правильно делать:
<main><h1></h1></main>
или
<h1></h1><main></main>
-
Добавил дивов, чтобы стало понятнее
https://jsfiddle.net/t3mbvvbo/1/
Те, что в самом низу нужно, чтобы были по левому краю.
-
У меня контент состоит из квадратных блоков фиксированных размеров. Нужно сделать адаптивный дизайн, так чтобы блоки размещались построчно. При этом они должны быть по центру экрана по ширине. Я сделал так:
https://jsfiddle.net/t3mbvvbo/
Но в последнем ряду, если блоков не хватает до ширины экрана, они также по центру. А нужно, чтобы они были по левому краю. Как это сделать?
-
как вариант - можете положить все подобные изображения в определенную папку, а в robots.txt запретить к индексации эту папку.
Так и поступлю. Спасибо!
-
article{ background:url('attr(data-i)') left top no-repeat;}
может так?
Так тоже не работает. Может 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.
-
IE 10+ не поддерживают условные комментарии насколько я помню. Используйте js для определения версии, или хаки.
https://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx
Important As of Internet Explorer 10, conditional comments are no longer supported by standards mode.
И какой хак тут применить?
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. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.
На мобильных устройствах не работает overflow-y: scroll !important;
in Web-site Development
Posted
Здравствуйте!
Помогите, пожалуйста, решить проблему с появлением полосы прокрутки на мобильных устройствах.
Не работающий пример
Должна быть вертикальная полоса прокрутки. Она есть на Android 7. Но отсутствует на Android 6 и iPhone.