Обложка / Оглавление / Таблицы
Для того, чтобы было видно, как устроена эта страница, покажем таблицу, лежащую в ее основе. Для этого в заголовке таблицы пропишем атрибут border. |
||
Мы убрали уголки страницы, которые представляют собой маленькие картинки:
Картинки вставлены обычным образом, при помощи тегов: <img src="table_round.files/lt.jpg" width="52" height="52">, <img src="table_round.files/rt.jpg" width="52" height="52">, <img src="table_round.files/lb.jpg" width="52" height="52">, <img src="table_round.files/rb.jpg" width="52" height="52">. |
||
Боковые стороны страницы также составлены из маленьких картинок: . Но эти картинки нельзя просто вставить, их нужно размножить по всей длине, которая заранее неизвестна. Для этого их следует вставить как фон используя следующие записи: style="background-image: url(table_round.files/l.jpg)" style="background-image: url(table_round.files/r.jpg)" style="background-image: url(table_round.files/t.jpg)" style="background-image: url(table_round.files/b.jpg)" |
||
В этой странице все картинки вставлены как фоновые. Средняя ячейка просто закрашена соответствующим цветом <td bgcolor=#F7F0E5>. Праильно цвет удобнее подбирать в фотошопе. Интернет эксплорер отображает такие страницы правильно (так, как это было задумано). Опера дает неприятный эффект при слильном сжатии окна: если мы правую границу окна перетаскиваем слишком близко к левой. Следует отметить, что последний вариант при этом работает лучше. |
||