ЗаголовокДокумент, сделанный как на листе с тенью может смотреться достаточно эффектно. |
||
Такой эффект можно достичь, проделав ряд несложных процедур.
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>Данный код будет верным только для существующего разбиения в виде графических файлов формата JPEG 1..9, поскольку использованы конкретные величины для ширины и высоты столбцов.