Категория «HTML/CSS верстка»:

SiteGrinder 2 заменит HTML-кодеров? Обзор плагина для Photoshop

Логотип SiteGrinder2

Хочу рассказать о своем знакомстве с весьма интересным плагином для автоматической верстки PSD-файла в HTML-страничку (а если точнее — в формат XHTML 1.1). От «верстальщика» требуется всего лишь нажать на кнопку, подождать пару минут и получить на выходе готовый CSS-шаблон! Дальше →

Боремся с двойным отступом в IE6 при использовании float

Боремся с двойным отступом в IE6 при использовании float

Этим постом хочу начать раскрытие одной важной темы — различных багов в браузерах и методов борьбы с ними. В основном, конечно же, это касается CSS-верстки и написания js-скриптов. По опыту знаю, что каждая такая проблема способна измотать нервы не на один день, затянуть сдачу проекта и вызвать недовольство клиента.

Решение достаточно простое

Невалидный валидатор или баги на W3C

Невалидный валидатор или баги на W3C

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

Для путешествий в бесконечный мир HTTP я использую браузер Mozilla Firefox 2 плюс несколько расширений к нему (Web Developer, Firebug и HTML Validator). Последний проводит валидацию страниц «на лету», без необходимости загружать их через W3C Validator.

Так вот, в этот раз мой «домашний» валидатор подмигнул мне красным глазом в правом нижнем углу страницы. А это значит, что где-то на странице самого валидатора W3C есть ошибки, и как следствие, несоответствие разметки веб-стандартам (o_O).

Да, я тоже слегка в шоке

Поисковая оптимизация на странице средствами CSS

Поисковая оптимизация на странице средствами CSS

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

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

Простое решение

Кроссбраузерное выравнивание кнопок-изображений в формах

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

Часто при верстке дизайна сталкиваюсь с необходимостью использовать в формах графические кнопки вместо стандартных.

Как известно каждому, даже начинающему HTML-кодеру, по дефолту, с отображением этих кнопок у браузеров есть проблемы — они попросту прыгают, относительно текстового поля по вертикали.

Учимся выравнивать кнопки в формах