к стилю тега <h2> бокового меню:
#announcement h2 {
background: url(images/scroll_top.jpg) no-repeat center top:
Здесь изображение помещается только один раз в центре в верхней части тега.
Но, просматривая страницу прямо сейчас, вы увидите, что она выглядит не
Совсем правильно (рис. 8.18). Вы не можете видеть всю верхнюю часть свитка,
и текст заголовка перекрывает ее нереальным образом. По существу, тег <h2>
Недостаточно высок, чтобы отобразить все изображение. Кроме тqго, вам нужно
Добавить некоторое пространство над текстом, чтобы опустить его вниз, под
Изображение. Вам на помощь придет свойство padding.
Глава 8. Добавление графики на веб-страницы
~""-ANNOUNCВМENTS -- ~ · .. "
. •.. l..o11!111 lpsum Dolor Sllt
Quis nostrum exercitltionen ulllm
.• :\. Eius modl tempora lncidunt
R: Quis autem vel eum iure
Reprehenderit
:а: · Sed quia nоп numquam eius modi
Tempora incidu
:с Nemo enlm ipsam voluptЖe
Рмс. 8.18. Если вы не видите все изображение (верхнюю часть свитка здесь),
Это значит, что элемент недостаточно большой. Вы можете добавить отстуnы,
Чтобы nолучить доnолнительное nространство для целого изображения
Отредактируйте стиль, который вы добавили в nредыдущем шаге, чтобы он
выглядел так:
#announcement h2 {
background: url(images/scroll_top.jpg! no- repeat :
padding-top: 70рх:
