Fie Edt \'lew F"""""'" Tools Нф ..
Рмс. 13.13. Это обычная статическая НТМL-страница, где все заполнено сверху донизу.
Вы можете сделать ее более удобной для чтения, организовав все содержимое по столбцам
Откройте файл i ndex. htm 1 в текстовом редакторе. Поместите курсор между открывающим
и закрывающим тегами <style>.
Наряду с тегами <style> для внутренней .таблицы стилей у страницы уже есть
Присоединенная внешняя таблица стИлей с некоторым базовым форматированием.
Начните с перемещения маленького значка CosmoFarmer 2.0 в левую сторону
Баннера. Чтобы избавиться от квадратного вида, типичного для СSS-дизайна,
Разверните графику за пределы границ баннера, и, таким образом, он
Будет похож на надвинутую наклейку.
Обучающий урок: позиционирование элементов страницы
3. Во внутренней таблице стилей Добавьте новый стиль:
#banner #badge {
position: absolute:
l eft: -18рх:
top: -18рх:
}
Графика находится внутри тега <di v> с ID, равным banner, а у самой графики ID
Равно badge. Этот стиль помещает левый верхний угол графики на 18 пикселов
Влево и 18 пикселов над верхним краем страницы.
Теперь предварительно просмотрите страницу, и вы увидите несколько проблем.
Первое - то, что графика «нависает• над краем страницы, а вы хотите,
