"Документ с тенью" (версия для IE)


     
 

Заголовок


Документ, сделанный как на листе с тенью может смотреться достаточно эффектно.

 
     

Такой эффект можно достичь, проделав ряд несложных процедур.

1.   Создать графический файл, который будет представлять собой изображение листа с тенью.
2.   Разбить изображение на 9 частей, как это показано на рисунке.

Несложно заметить, что повторением 2-ой колонки можно получить изображение любой ширины, а повторением 2-ой строки- любой высоты.

3.  

Объявить таблицу из 3-х строк и 3-х столбцов. Для первой строки в обязательном порядке выставляется высота (можно только у первой ячейки), для 1-ого и 3-ого столбцов 1-ой строки выставляется ширина.

Также высота проставляется для 3-ей строки.

Ширину для столбцов 2-ой и 3-ей строк выставлять не надо, т.к. ширина была проставлена для первой строки.

4.   Для всех ячеек проставляется содержимое в виде неразрывного пробела. Также для всех ячеек проставляется фоновое изображение. Поскольку браузер делает расстояние между ячейками, не равным нулю, требуется установить параметр таблицы CELLSPACING в 0. Также есть параметр, задающий в таблице расстояние до данных, его также нужно установить в 0- это параметр CELLPADDING. На всякий случай можно также установить ширину рамки таблицы (BORDER) в 0.
5.   Во вторую строку, второй столбец помещается документ. Нужно следить только, чтобы ширина документа не превысила ширины таблицы. При необходимости таблица может быть выровнена по центру, будучи помещённой в контейнер CENTER.
6.   Для таблицы задаётся желаемая ширина, высота.

Для браузера Netscape Navigator задача на порядок усложнится.

Поскольку Netscape Navigator не поддерживает использования фона в ячейках, в каждую ячейку должна быть размещена таблица (одна строка, один столбец, с неразрывным пробелом). Для ячейки и для таблицы должны быть проставлены оба параметра (высота и ширина), в том числе и для 2-ого столбца, в том числе и для 2 строки. Затем в каждой таблице нужно будет установить параметр фона.

(Действия по добавлению дополнительных таблиц даны как дополнение к ранее описываемым.)

Ниже приведён код для использования в Internet Explorer:

<CENTER><TABLE WIDTH=400 BORDER=0 CELLSPACING=0 CELLPADDING=0> </TABLE></CENTER>

Данный код будет верным только для существующего разбиения в виде графических файлов формата JPEG 1..9, поскольку использованы конкретные величины для ширины и высоты столбцов.



Наверх