Обложка / Оглавление / Таблицы
 
 

Для того, чтобы было видно, как устроена эта страница, покажем таблицу, лежащую в ее основе. Для этого в заголовке таблицы пропишем атрибут 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>. Праильно цвет удобнее подбирать в фотошопе. Интернет эксплорер отображает такие страницы правильно (так, как это было задумано). Опера дает неприятный эффект при слильном сжатии окна: если мы правую границу окна перетаскиваем слишком близко к левой. Следует отметить, что последний вариант при этом работает лучше.

 
     

 

 


Сайт управляется системой uCoz