Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 024
  • 09.08.2010">Современное включение поля ввода поискового запроса.
  • 20.01.2013">Кому нужны веб – сайты?
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 021
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 089
  • 14.07.2011">Бюджетные ноутбуки Acer
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.80
  • 23.07.2011">Каждая квартира достойна уникального дизайна
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.93
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 121
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.135
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 130
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 067
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 060
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.95
Опрос

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

View Results

Loading ... Loading ...