HTML & CSS

Кроссбраузерный border-radius (в том числе и для Internet Explorer 6+)

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

Сайты на которых можно взять фоны (background) для сайтов

Нередко возникает потребность в новых фонов при создании макета сайта. Следующая подборка сайтов призвана решить эту задачу Читать далее

Видео с YouTube на нижний слой (z-index для видео с YouTube)

При вставки видео с YouTube оно получается выше всех слоев, что бы этого не происходило необходимо в код вставляемого видео дописать атрибут wmode=”opaque” и параметр ?wmode=transparent к ссылке на видео: Читать далее

Тонкие границы в таблице через CSS

Для задания тонких границ таблице через CSS необходимо для таблицы прописать следующие свойства:

table{border-collapse:collapse;border:1px solid #00280e}

Задаем DOCTYPE html 5 в XSLT

Сегодня возникла необходимость сверстать макет и натянуть дизайн на систему управления UMI.CMS. В системе управления применяются 2 типа шаблонизаторов tpl и xslt. В проекте используется xslt шаблонизатор. В связи с чем возникла сложность в задании DOCTYPE для html 5, который выглядит следующим образом:

<!DOCTYPE html>

Читать далее

Учим Internet Explorer (IE) понимать CSS3

Недавно наткнулся на интересный костыль под названием “Progressive Internet Explorer (PIE)” и на удивление прост в использовании. PIE включает поддержку CSS3 свойств:

  • border-radius
  • box-shadow
  • linear-gradient

Читать далее

Подчеркивание ссылок пунктиром

Очень красиво смотрятся ссылки подчеркнутые пунктиром, однако свойства text-decoration: dashed нету. Задача решается при помощи следующего кода CSS: Читать далее

Позиционирование вложенного элемента относительно родительского

Для абсолютного позиционирования в CSS используется свойство position:absolute; Затем изменяя свойства left, top, right или bottom позиционируется элемент на странице. Но позиционирование происходит относительно окна браузера, и при изменении размеров браузера элемент начинает плавать по странице. Читать далее