Создать таблицу с тремя столбцами, в которой пустая ячейка шириной 20 пиксе — лей (с растянутым прозрачным GIF-изображением) отделяет содержимое левой

ячейки от содержимого в правой ячейке, можно, написав следующий код:





108 Глава 2. HTML-таблицы







В данном примере дескриптор , стоящий после второго дескриптора

(в третьей строке) дает Web-браузеру указание поместить прозрачное GIF- изображение, хранящееся в файле spacing. gif, во вторую ячейку таблицы. Ат- рибут width в дескрипторе дает Web-браузеру указание «растянуть» изоб — ражение размером 1×1 пиксель так, чтобы его ширина составляла 20 пикселей.

Причина, по которой вам может понадобиться использовать прозрачное GIF — изображение — вместо того, чтобы установить атрибут width в дескрипторе ячейки равным требуемому числу пикселей незаполненного пространства и оста —

вить ячейку пустой — состоит в том, что Web-браузеры по-разному обходятся с

пустыми ячейками таблиц. Например, хотя Internet Explorer и показывает фоно — вый цвет ячейки в пустых ячейках, Netscape Navigator этого не делает, показывая

вместо него цвет фона таблицы или Web-страницы. Более того, некоторые брау —

зеры игнорируют атрибут height и/или атрибут width, заданные в дескрипторе

пустых ячеек, и рисуют пустые ячейки так, что их высота равна всего лишь высоте самой высокой непустой ячейки в строке, а ширина не превышает шири — ны самой широкой непустой ячейки в столбце. И, наконец, ни Netscape. Navigator, ни Internet Explorer не будут рисовать левую и верхнюю границы ячей — ки, не имеющей содержимого — даже если атрибут border таблицы имеет значе — ние 1 или более. Однако если вы поместите однопиксельное GIF-изображение, растянутое до требуемых размеров, в ячейку таблицы, все Web-браузеры будут отображать «пустую» ячейку одинаково — с размерами GIF-изображения, задан — ным цветом фона ячейки и границами (если таковые заданы) — поскольку, хотя ячейка и кажется незаполненной, на самом деле она не пустая.