Итак, продолжаем css верстку сайта. Сейчас определим стили css, вернее стилевой класс css для шапки, или правильнее, хедера (header):
Все, как и для внешнего контейнера:
Обзовем его header и сохраним в уже созданной таблице стилей. Жмем ОК и попадаем снова в окошко определения правил. Если вы помните, в шапке у нас есть надпись. Но так как это заголовок, то зададим для него отдельный стиль. А сейчас идем в категорию Фон:
С помощью кнопки Обзор выбираем из папки images фрагмент шапки, изображение не повторяем.
Идем в категорию Рамка. Если вы записали размеры фрагментов, то проставьте их, если нет, то посмотрите в разделе Photoshop. Ладно, я вам подскажу:
В окошке Плавающий указываем контейнеру, куда ему плавать. Пункт левая (left) заставляет контейнеры сдвинуться к левому краю страницы и выстроиться по горизонтали. Жмем ОК.
Продолжаем создавать класс css. Привязываем стиль к первому верхнему контейнеру, где будет шапка. Для этого его нужно активировать. Это можно сделать в режиме Проект, так как и с первым, внешним контейнером. Но для того, чтобы не запутаться с активацией контейнеров сделайте так. Зайдите в режим Код:
Выделите строчку кода контейнера как на рисунке. Это делается, так же как и любом текстовом редакторе. Привяжите стиль header к контейнеру так же, как и в случае с внешним контейнером. Перейдите в режим Проект. Если вы все сделали правильно, то в контейнере появиться наша шапка:
Удалим надпись сверху шапки, и она станет на место.
Ну вот, класс css для хедера определили и продолжаем процесс css верстки сайта. Дальше наш путь — в раздел Стилевой класс CSS для колонок, зоны основной информации и подвала(футера)
Спасибо за уроки!
Трудными шагами,
) но потихоньку двигаюсь!