Рубрика "CSS-верстка" содержит 60 статей / показаны: 51-60

Персональные CSS-хаки для Internet Explorer, Opera, FireFox, Safari, Google Chrome

114 комментариев

Я не сторонник условных комментариев в CSS (можно ругать меня за это), взамен предпочитаю использовать различные CSS-хаки, дабы при верстке решить проблему кроссбраузерности по ходу написания кода, без лишний «телодвижений». Да, это неправильно с точки зрения стандартов и некрасиво, но таким способом для ...

CSS-фреймворк «Blueprint»

11 комментариев

Интересный CSS-фреймворк (что такое фреймворк?) под названием «Blueprint» представил веб-разработчикам норвежский студент. Для чего он нужен? Blueprint — это готовое решение, которое имеет целью сократить время разработки CSS-кода. Этот фреймворк дает Вам внушительную CSS-основу для создания Вашего интернет-проекта с удобной в использовании grid-сеткой, ...

Как с помощью CSS прижать footer к низу окна браузера

160 комментариев

Вступление Помнится мне, в тот момент, когда я стал переходить с таблиц на верстку дивами, одной из трудностей, с которыми я столкнулся, была следующая — как прижать подвал сайта (footer) в самый низ окна браузера, чтобы страница при этом выглядела вытянутой на всю ...

Персональный CSS хак для Internet Explorer 7

13 комментариев

Очень не люблю при верстке использовать для IE так называемые условные комментарии (Conditional Comments) — нет желания писать отдельный файл стилей (предпочитаю «все в одном»), да и лишние строки в хтмл-коде — не есть красиво. С относительно недавнего времени к трем браузерам, в ...

Создаем динамические кнопочки-ссылки с помощью CSS

153 комментария

Создаем динамические кнопочки-ссылки с помощью CSS

Чем привлекательны CSS — тем, что они часто, при создании тех или иных эффектов, позволяют заменить JavaScript. Вот и на этот раз каскадные таблицы стилей помогут нам сконструировать красивые динамические кнопочки. Информацию, изложенную ниже, можно рассматривать как альтернативу способу создания универсальных графических кнопок ...

Создание универсальных графических кнопок с помощью CSS

18 комментариев

Вольный перевод статьи «Creating bulletproof graphic link buttons with CSS» (мои комментарии — курсивом). Проблема в CSS, с которой я боролся в последнее время, — как создать универсальную графическую кнопку. Имеется в виду кнопка с использованием изображения, которая расширяется и сужается в зависимости ...

Универсальная валидная и семантически верная форма на XHTML + CSS

2 комментария

Интересное решение верстки предложил создатель универсальной формы для сайта Uni-Form. Автор попытался сконструировать валидную форму, соответствующую стандартам XHTML и CSS с семантически правильной версткой, поэтому даже веб-мастера с элементарными знаниями каскадных таблиц стилей могут создать для своих сайтов визуально красивые, удобно структурированные, легко ...

Переходим с TABLE’ичной верстки на DIV’овую

87 комментариев

Тема сегодняшнего поста является весьма актуальной как для рядовых веб-мастеров, так и для веб-мастеров с СЕОшным уклоном. Более того, поскольку верстка сайтов с недавнего времени для меня является основным родом деятельности, то это и моя самая любимая тема. О том и поговорим. Поскольку ...

Оптимизация: используем одно изображение вместо двух

34 комментария

Нашел в сети ссылку на пост буржуйского блога, опубликовавшего заметку “Using Fewer Images” (использование меньшего количества изображений). Данный способ оптимизации для меня, как веб-мастера, явился весьма оригинальным и интересным, в связи с чем хочу поделиться информацией с читателями моего блога. Не отрицаю, что ...

Галерея CSS таблиц

На следующей странице представлена интересная идея преобразования таблиц данных с помощью каскадных стилей: http://icant.co.uk/csstablegallery/ — онлайн галерея стилей для таблиц. Вариантов стилей не мало. Очень похоже на CSSZenGarden, только в данном случае стили применяются для отдельной таблицы. Если немного модифицировать, наверняка можно попробовать ...