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

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





Вместо. задания размеров ячейки в виде фиксированного числа пикселей, вы

можете дать Web-браузеру указание рисовать каждую ячейку как процент от об — щей ширины и высоты таблицы. Предположим, например, вы хотите, чтобы

Web-браузер нарисовал таблицу, заполняющую окно браузера и имеющую три столбца равной ширины. HTML-код этой таблицы запишется следующим обра —

зом, как с относительной шириной (заданной значением атрибута width в деск —

рипторе ), так и со столбцами относительной ширины (заданной значе — нием атрибутов width в дескрипторах и ):





th width=»33%» >3аголовок 2

th width=»33%» Заголовок 3

trXt d width=»33%» >Данные столбца K/td>


Данные столбца 2 >Данные столбца 3





Или, если вы хотите задать таблицу с фиксированной шириной и двумя стол — бцами, занимающими 80 процентов ширины таблицы и одним столбцом, зани — мающим 20 процентов ее ширины, HTML-код таблицы должен выглядеть следу — ющим образом:



width=M40%» >3аголовок K/th>

width=»40%» >3аголовок 2

width=»20%M- >3аголовок 3

width=»40%» >Данные столбца K/td>

td width=»40%» >Данные столбца 2


Данные столбца 3





Если вы задаете ширины ячеек таблицы как процентные отношения к шири —

не таблицы, следите за тем, чтобы сумма ширин, заданных в дескрипторах

(если таковые имеются) и дескрипторах для одной строки не превышала

100 процентов. Если же сумма процентных отношений составит меньше 100 процентов, Web-браузер распределит остаток равномерно между всеми ячейками строки.

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

задания атрибута width в дескрипторе таблицы. Аналогично, если вы задаете высоту ячеек в таблице как процентное отношение к общей высоте таб — лицы, обязательно задайте также высоту таблицы. Чтобы задать высоту таблицы,

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

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

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

Полезные ссылки
Случайные записи
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 008
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.48
  • 25.08.2011">Выбирайте только лучших дизайнеров
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 038
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.86
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 038
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 104
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 121
  • 30.05.2013">В течение недели LG продемонстрирует гибкую панель OLED в 5 дюймов
  • 15.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.41
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 077
  • 08.07.2010">Секреты Фотошопа: «горячие» клавиши
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 089
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.18
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 063
Опрос

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

View Results

Loading ... Loading ...