В этом примере есть один <div> с идентификатором announcement (это боковая
панель), содержащий теr <h2> (со словом ~Announcements•) и маркированный
список (тег <ul>). По существу, вы присоединяете верхнюю часть изображения
к НТМL-элементу вверху боковой паиели (тег <h2> в данном примере), а нижнюю
часть изображения- к последнему НТМL-элементу боковой паиели (тег <ul>),
и изображение повторяется вертикально в теге <d i v>, который создает боковую
Па н ель (см. рис. 8.17, внизу) .
ANNOUNCEМENТS
Wn lpun Dolor Slt
Qull __ ..... , • .-n
EU 1110(!118торсd lrdllunt
Qull-..... ..."""
11111 .....
Sed qul8 non .numqu1111 .. modl
t8npola li>ddl.n
н.nonnfp8n~
<div id="announcement">
<h2>
ANNOUNCВМENТS
Wn lpun Oolot Slit
Quiii'IOIINm ЫiJ...Ь•ii ullln
А. modllllmpot8 Jnddunt
Qull-wlemo u..
'~~" ......
Sed Q\118 non numq.-n • modl
c.mpora hdd\ln
N8notnh ... ~
Wn lpun Oolot Slt
Qull-_ ....... ullln ...
EU modll8n1)0tll Jnddunt
Q.u.l..l._.w..l .,mШ.
Sed qul8 11011 IIUI'IIQI8n .. modl
toempore~Ddd\8~
<ul class="last">
Рмс.8.17. Многме изображения на страницах, которые вы видите каждый день,
Выглядят как одно целое, но на самом деле составлены из различных отдельных рисунков,
Расположенных специальным образом в фонах тегов
Обучающий урок 3: исnользование фоновых изображений 239
