|
меню шириной 100
пикселей вдоль левого края страницы, и хотите отделить меню от остального
содержимого (справа от него) 20-пиксельным интервалом, подобно тому, как по-
казано на рис. 2.17.
ПРАКТИКУМ
Создать таблицу с тремя столбцами, в которой пустая ячейка шириной 20 пиксе-
лей (с растянутым прозрачным GIF-изображением) отделяет содержимое левой
ячейки от содержимого в правой ячейке, можно, написав следующий код:
IIyHKTbi Meiuo
Здесь находится содержимое Web-cTpaHin№i
|
108 Глава 2. HTML-таблицы
. 1 •.!»• .tfi View fgvarte» I « * befe . • ' • . [irks Л | Е
i t : ••.•••*•..•. '.+•"•> - •'.••& Ъ d L > i •••'& iM *$
f . Back : • Stop Refresh Hone Sa*eh Favoritet Hitioiy
.*
|Эпементы
Меню
Содержимое Web-страницы
' :-Л..- '• .1 ' .
i f f j b o * '"j Щ Computer
•
Рис. 2.17. Web-страница со 100-пиксельной панелью меню вдоль левого края,
отделенной
справа 20-пиксельным интервалом от остального содержимого страницы
В данном примере дескриптор , стоящий после второго дескриптора
| (в третьей строке) дает Web-браузеру указание поместить прозрачное GIF-
изображение, хранящееся в файле spacing.gif, во вторую ячейку таблицы. Ат-
рибут width в дескрипторе дает Web-браузеру указание "растянуть" изоб-
ражение размером 1x1 пиксель так, чтобы его ширина составляла 20 пикселей.
Причина, по которой вам может понадобиться использовать прозрачное GIF-
изображение — вместо того, чтобы установить атрибут width в дескрипторе |
ячейки равным требуемому числу пикселей незаполненного пространства и оста-
вить ячейку пустой — состоит в том, что Web-браузеры по-разному обходятся с
пустыми ячейками таблиц. Например, хотя Internet Explorer и показывает фоно-
вый цвет ячейки в пустых ячейках, Netscape Navigator этого не делает, показывая
вместо него цвет фона таблицы или Web-страницы. Более того, некоторые брау-
зеры игнорируют атрибут height и/или атрибут width, заданные в дескрипторе
| пустых ячеек, и рисуют пустые ячейки так, что их высота равна всего лишь
высоте самой высокой непустой ячейки в строке, а ширина не превышает ш
|
|