Пропустить навигацию

Все статьи ← css

  1. Border-radius

    Использую достаточно часто, несмотря на то, что это свойство поддерживает только FF и Safari. А вы?

    дальше

  2. Обтекание картинок

    Наверняка все сталкивались с ситуацией, когда необходимо отбить картинку влево/вправо и разместить текст рядом с ней, причем текст должен не обтекать картинку в классическом виде, а выглядеть так, как будто он …

    дальше

  3. PNG8 и частичная прозрачность

    Возвращаясь к теме прозрачности PNG изображений и их поддержки в IE5-6. В Fireworks оказывается есть интересная возможность создания частично прозрачных изображений формата PNG8. Практическая польза заключается в том, что …

    дальше

  4. CSS шаблон

    Наверняка, все кто читает этот блог и не только этот не пользуется разными CSS framework'ами, в общем — я тоже. За некоторое время работы выработался определенный стиль в виде набора правил, файлов и папок, которыми хотелось бы поделиться и узнать мнение уважаемых.

    дальше

  5. IE7.js version 2.0 (beta)

    IE7 — это библиотека JavaScript, заставляющая работать IE как standards-compliant браузер. Решает множество HTML и CSS проблем, в т.ч. PNG прозрачность в IE5, IE6. IE7.js Обновляет MSIE5-6 до соответствия MSIE7 <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.…

    дальше

  6. Использование CSS в HTML Email

    Отправка писем в HTML формате всегда было спорным вопросом. От себя могу только сказать, что если действительно письмо должно выглядеть достойно, имея оригинальный дизайн, то почему бы отформатировать его …

    дальше

  7. Flash Object и z-index

    Единственное работающее решение положить Flash объект под слой — обернуть объект контейнером, задать контейнеру абсолютное (относительное) положение с z-index:0. В параметрах объекта добавить параметр <param name="wmode" …

    дальше

  8. CSS Sprites и их использование

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

    дальше

  9. Избавляемся от устаревших тэгов и атрибутов с помощью CSS

    В момент сдачи проекта существует возможность потерять контроль над исходным HTML кодом. Некоторые части кода целиком могут заменяться динамически при помощи CMS, иногда заказчики сами редактируют шаблоны, добавляя …

    дальше

  10. Кросс-браузерный overflow-x (y)

    overflow:auto;overflow-y(x): hidden; overflow-x(y): scroll; На этом эксперименты не заканчиваются. Обнулив, и для фиксированных контейнеров, задав ширину (высоту) ставьте последнее значение overflow в auto и пустой скрол соответственно пропадает

    дальше

  11. Diagnostic Styling

    Eric Meyer представил ряд правил CSS, применяя которые можно визуально отслеживать ошибки в разметке при создании сайта. Выглядят они примерно следующим образом: a[href="#"] {background: lime;} a[href=""] {background: fuchsia;} Данные правила …

    дальше

  12. Генератор Спрайтов (CSS Sprite Generator)

    Сервис по созданию спрайтов. Пакуем картинки, которые пойдут в фон, настраиваем, что хотим получить на выходе и жмем "создать". Удобно, просто и быстро. Понравилось... Что такое спрайты и для чего они нужны, прочитать …

    дальше

  13. PNG прозрачность в IE6

    Долго искал простейшее и универсальное решение использовать png прозрачность в Interner Explorer 6. Причем интересовало и для обычных изображений, и для фона. Порядок следующий: Скачиваем iepngfix.htc, рисуем прозрачный …

    дальше

  14. Clear float-блока без html разметки для IE 7

    Способ «очистки» (clear: left|right|both) вложенного float-блока, без использования дополнительной разметки, приведен на сайте positioniseverything.net, который еще называют easy clearing method: .clearfix:after { content: "."; display: block; height: 0; clear: …

    дальше

  15. 70 приемов улучшения CSS верстки

    CSS верстка далеко не всегда простая штука. В зависимости от вашего опыта и навыков CSS верстка может стать настоящим кошмаром, особенно, если вы не уверены, какие селекторы действительно применены к элементам данного …

    дальше

  16. Reset Styles или установка начальных значений CSS

    Установка всех стилей в дефолтное состояние или установка начальных значений. Удобно тем, что устанавливается в 0, границы, отступы, бордюры и др. св-ва одним махом. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, …

    дальше

  17. Закругленные края Spanky Corners 1.1 beta

    Удобный способ закругления углов в блоках любого радиуса и цвета представлен на сайте в виде формы для получения уже готового HTML и CSS кода под названием Spanky Corners. Для тех, кто ищет другие решения с использованием CSS или …

    дальше

  18. Альтернатива display: none

    Довольно часто приходится скрывать некоторые элементы при создании сайта используя display: none. Screen reader'ы не отображают содержимое скрытых таким способом элементов. Поэтому предлагается более удобное решение в статье …

    дальше

  19. Универсальная CSS форма

    Попытка стандартизировать обычную форму, создав универсальный макет с помощью CSS. Форма легко изменяется, хорошо структурирована, код максимально отделен от представления, форма достаточно удобна в использовании.…

    дальше

  20. Легко изменяемый макет фиксированной ширины

    Попробуем создать макет страницы, который в зависимости от размера экрана будет меняться. Причем попробуем для этих целей воспользоваться только средствами CSS, без использования Javascript для выбора стиля, …

    дальше

  21. Центрируем изображение в блоке

    Часто возникает проблема центрирования изображения в блоке фиксированного размера. Естественно, никаких проблем не возникает, если все изображения имеют одинаковый размер, все это достаточно просто реализовать при …

    дальше

  22. Многоколоночный макет, выходящий за пределы блока

    by Alan Pearce Нам всем хорошо известна проблема, возникающая при создании многоколоночного макета, в котором колонки должны быть одинаковой высоты. Прочитать подробно об этом можно в разных местах. Потому не будем …

    дальше

  23. Быстрое создание CSS шаблона в Photoshop

    Может показаться, что мы возвращаемся в 1999 год. Данная статья, автор которой Casper Voogt покажет, как при помощи Photoshop и ImageReady создать валидный XHTML/CSS макет. Вам необходимо сделать несколько шаблонов для заказчика. …

    дальше

  24. Switchy McLayout: Техника адаптации макета

    by Marc van den Dobbelsteen Появление новых мобильных устройств заставляют нас взглянуть по другому на растягивающиеся макеты. Marc van den Dobbelsteen предлагает способ применения различных макетов к различным размерам экрана …

    дальше