Рубрика "CSS-верстка" содержит 62 статьи / показаны: 31-40

5 советов верстальщику

Лучше поздно, чем никогда. Наконец-то я готов представить свои пять советов в рамках эстафеты, запущенной Никитой, тем более что «пинок» получил от трех человек. 1) Читайте блоги специалистов в данной сфере. Хотя уже и не так часто, но в них периодически появляются интересные ...

Позиционирование блока относительно родителя с помощью position:fixed

За столь продолжительный период верстки сегодня мне впервые пришлось столкнуться с необходимостью разместить на странице фиксированный блок (используя CSS-свойство position:fixed), который бы при скролле страницы всегда сидел в одном месте окна браузера. Информацию по этому поводу я, естественно, почитал на разных блогах и ...

Как вы комментируете логические блоки в разметке страницы?

В процессе верстки я постоянно стараюсь совершенствовать свои навыки. Касается это и комментариев, которыми я помечаю блоки в разметке страниц. Было время, когда я вообще ничего не комментировал в коде, но позже осознал, что с ними гораздо удобнее просматривать код, т.к. становится проще ...

Всплывающие подсказки с помощью CSS3

В этой статье рассматривается новый способ создания всплывающих подсказок к HTML-элементам с применением технологии CSS3. До сих пор существуют несколько вариантов создания всплывающих подсказок: уродливые методы, основанные на Javascript, или решения, использующие пустой тег ссылки (для совместимости с IE6). Еще один вариант заключается ...

Боремся со спамом с помощью CSS

Борьба со спамом — это то, с чем сталкивается почти каждый владелец сайта, на котором разрешено комментирование. Самый популярный и эффективный (?) способ борьбы со спамом — использование специального изображения капча, информацию с которого комментатор должен ввести в предусмотренное для этого поле. С ...

Меняем цвет фона выделенного текста с помощью CSS

Одна из интересных возможностей спецификации CSS3, которая может использоваться уже сегодня — это псевдоэлемент ::selection, позволяющий изменять цвет фона выделенного текста, заданный в вашей операционной системе, на любой другой цвет по вашему усмотрению. На данный момент ::selection поддерживают следующие браузеры: Safari; Google Chrome; ...

Тег <hr /> и кроссбраузерный отступ

Тег <hr /> и кроссбраузерный отступ

Сколько себя помню, во время верстки я не особо любил использовать тег <hr />, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются. Не знаю, почему я раньше не задавался целью ...

Добавляем иконку предзагрузки к большим изображениям при помощи CSS

Добавляем иконку предзагрузки к большим изображениям при помощи CSS

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

Научите, меня, пожалуйста, правильно использовать EM :)

Наконец-то я созрел до того, чтобы начать при верстке использовать относительные единицы измерения em вместо пикселей. Однако для меня это пока не очень удобно, потому что непривычно. Если при пиксельных размерах шрифта достаточно было указать его для родительского элемента, то при использовании em ...

Альтернативный текст для графики при использовании CSS

Смотря сегодняшним взглядом на одну их своих предыдущих статей «Альтернативный текст для изображений в блочной верстке«, понимаю, что я переборщил с кодом, как в части HTML, так и в части CSS. Все то же самое можно было сделать гораздо проще. Поэтому данная статья ...