Двойной CSS background

0

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

Спецификация CC3 поддерживает такую возможность, но, увы, даже в наше время активного развития WEB, далеко не все браузеры полноценно поддерживают 3-ю версию CSS. А хотелось бы, конечно, найти кросс-браузерное решение, доступное даже таким мамонтам, как, например, Internet Explorer 7.

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

Читать далее »

CSS/xHTML

Sticky Footer – Прилипающий футер

2

Есть несколько способов реализовать футер, прилипающий к низу страницы (Sticky Footer), используя свойства CSS. Но многие из них прибегают к громоздким и неудобным хакам, или требуют много дополнительного HTML кода. Описанный здесь метод использует всего 15 строк CCS кода и почти не требует дополнительной HTML разметки. Также он отличается тем, что построен на валидном CSS коде. И, само собой, работает во всех популярных браузерах (IE5 и старше, FireFox, Safari, Opera и Chrome).

Прежде всего, вы можете посмотреть, как это работает. Здесь находится пример реализации описанного метода. Убедитесь в том, что он валиден и является кроссбраузерным.

Читать далее »

CSS/xHTML

Анонсирован логотип HTML5

0

Позавчера, твиттер сообщил мне, что W3C анонсировали логотип для HTML5. На сайте www.w3.org этому событию посвящена целая страница, большая и красочная и, самое главное, сверстанная на HTML5!

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

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

P.S: можно заказать и футболку, но уже за деньги :)

CSS/xHTML