О компании      Фото      Контакты      Доставка      Газобетон Одесса

К О Н ТА КТЫ

Как пользоваться этим документом

Помните, что в CSS этих макетов много комментариев. Если большинство операций выполняется в представлении «Дизайн», имеет смысл посмотреть код. Там есть советы по использованию CSS при работе с фиксированными макетами. Перед запуском сайта комментарии можно удалить. Чтобы узнать больше о методах, используемых в этих макетах CSS, прочтите следующую статью в Центре разработки Adobe: http://www.adobe.com/go/adc_css_layouts.

Метод очистки

Поскольку все столбцы обтекаемы, в этом макете в правиле .footer используется объявление clear:both. Этот метод очистки заставляет .container видеть места окончания столбцов, чтобы показать все рамки или фоновые цвета, помещенные в .container. Если требуется удалить .footer из .container, понадобится другой метод очистки. Надежнее всего добавить <br class="clearfloat" /> или <div class="clearfloat"></div>после последнего обтекаемого столбца (но до закрытия .container). Эффект очистки будет таким же.

Вставка логотипа

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

Помните, что, если вы используете инспектор свойств для перехода к своему логотипу с помощью поля SRC (вместо удаления и замены местозаполнителя), следует удалить встроенный фон и свойства экрана. Эти встроенные стили предназначены только для того, чтобы отображать местозаполнитель в браузере.

Чтобы удалить встроенные стили, убедитесь, что для панели «Стили CSS» установлено значение «Текущий». Выберите изображение, затем в области «Свойства» на панели «Стили CSS» щелкните правой кнопкой мыши и удалите свойства экрана и фона. (Конечно, можно всегда обратиться прямо к коду и удалить встроенные стили из изображения или местозаполнителя в коде.)

Фоны

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