Самоучитель по креативному веб-дизайну. Книга 1, стр.93



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

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 031
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 003
  • 26.08.2010">Классификация сайтов для дизайнера.
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 026
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 040
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.68
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.34
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.28
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.80
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.54
  • 02.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.120
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.102
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 150
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.37
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.85
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...