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

Релиз CSS-фреймворка Blueprint 0.4

Обновился CSS-фреймворк «Blueprint». В предыдущей версии веб-разработчиками был замечен ряд недочетов и пожеланий, которые автор оперативно устранил и выполнил в данном релизе. Что изменено/добавлено в этой версии: Размеры шрифтов, равно как высота строк, поля и отступы, переведены из пикселей в относительную величину em. ...

Альтернативный текст для изображений в блочной верстке

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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