HTML и CSS приемы

  • CSS треугольники

    добавлено 17.11.2010

    треугольник средствами CSSО том как нарисовать треугольник средствами CSS.

  • Отменяем обтекание текстом картинки

    добавлено 05.11.2010

    Сверстать блок, состоящий из картинки и текста, причем текст не должен обтекать картинку. Дополнительное условие: ширина ни текста, ни картинки строго не определена. При отсутствии картинки текст занимает всю отведенную ширину.

  • -moz-box-shadow и -moz-border-radius - это кошмар CPU

    добавлено 04.11.2010

    css3, firefox и cpuВендорные CSS свойства -moz-box-shadow и -moz-border-radius основательно нагружают процессор. Будем с ними на стреме.

  • IMG: меняем рисунок при наведении

    дополнено 03.11.2010

    Одна из часто встречающихся задач при верстке — смена фона элемента при наведении мыши. А что если нужно менять не фон а рисунок в img? Как это сделать средствами CSS, без скриптов? Материал был дополнен двумя приемами, позволяющими обойтись без expression, при условии, что контейнер — ссылка.

  • Фиксированная колонка + резиновая + clear:both

    обновлено 03.11.2010 Заменены иллюстрации на более симпатичные.
  • Список определений. Требуем невозможного.

    добавлено 27.05.2010

    требуем невозможного от dlРассмотрим примеры использования списка определений в случаях, когда кажется, что dl применить невозможно.

  • IMG внутри блока — убираем странный отступ

    добавлено 22.10.2010

    аномальный отступЛечим странный отступ, который рисует большинство браузеров если разместить img внутри блочного элемента

  • Box-sizing: переключаем блочную модель

    добавлено 22.10.2010

    CSS3 свойство box-sizing позволяет выбирать принцип расчета размеров блока. Как же это можно использовать на практике?

  • Два в одном: позиция + размеры

    добавлено 15.10.2010

    Иногда так хочется написать что-то вроде height: 100% - 20px; а нельзя! Или все-таки можно?

  • inline-block: простое свойство для непростых задач

    добавлено 12.10.2010

    inline-block совмещает в себе возможности блочных элементов (block) и некоторые особенности поведения строчных (inline). Преимуществом такого симбиоза можно и даже нужно пользоваться.

  • Проблемы с border-radius

    добавлено 11.10.2010

    Как оказалось, реализация поддержки этого свойства браузерами пока оставляет желать лучшего: есть некоторые проблемы при использовании border-radius.

  • На одну картинку меньше. Спецсимвол ×

    добавлено 07.10.2010

    Избавляемся от лишней картинки — заменяем крестик на спецсимвол ×

  • Центрирование картинки в блоке

    добавлено 29.09.2010

    Еще один метод выровнять картинку в пределах блока с фиксированным размером

  • CSS прозрачность

    добавлено 21.01.2009 О том как сделать кроссбраузерно элементы полупрозрачными, а так же сделать прозрачным только фон.
  • Кроссбраузерное отображение input и textarea

    дополнено 22.09.2010 Максимально одинаково оформляем поля ввода форм input и textarea. Дополнен материал о кроссбраузерном выравнивании текста внутри поля.