| |
Аналогично, если вы
задаете высоту ячеек в таблице как процентное отношение к общей высоте таб-
лицы, обязательно задайте также высоту таблицы. Чтобы задать высоту таблицы,
установите атрибут height в дескрипторе таблицы равным либо числу
пикселей, либо процентному отношению к высоте окна браузера.
104 Глава 2.
Выравнивание содержимого ячейки
по горизонтали и по вертикали
Если ячейка шире, чем ее содержимое, Web-браузер по умолчанию выровняет
содержимое в ячейке по левому краю ячейки.
Чтобы изменить выставляемое по умолчанию горизонтальное (то есть слева на-
право) выравнивание содержимого ячейки, добавьте в дескриптор | ячейки
атрибут align. Атрибут align может получать три возможных значения:
• left. Выравнивает содержимое по левому краю ячейки.
right. Выравнивает содержимое по правому краю ячейки.
• center. Центрирует содержимое между левым и правым краями ячейки.
На рис. 2.15 показано, как Internet Explorer отобразит таблицу, определенную
следующим HTML-кодом, в дескрипторах | которой использовано каждое из
допустимых значений атрибута align:
Выравнивание по центру
| BbipaBHHBaHHe по левому KpasK/th>
| BupaBHHBaHHe по правому Kpara
IIo ueHTpy
| Cлeвa |
CnpaBa
| |
Если высота ячейки превышает высоту ее содержимого, Web-браузер по умол-
чанию отцентрирует содержимое по вертикали между верхним и нижним краем
ячейки. Чтобы изменить существующее по умолчанию вертикальное (то есть
сверху вниз) выравнивание содержимого ячейки, добавьте в дескриптор |
ячейки атрибут vaiign. АтрибутУ vaiign может принимать четыре возможных
значения:
• top. Отображает содержимое так, что оно начинается у верхнего края
ячейки.
• middle. Центрирует содержимое вертикально между верхним и нижним
краями ячейки.
• baseline. В Netscape Navigator отображает содержимое так, что оно закан-
чивается у нижнего края ячейки. В Internet Explorer задание значения
"baseline" ("по базовой линии") изменяет только вертикальное положе-
ние текста в ячейке, если ячейка содержит и текст, и изображение. При
задании значения "baseline" Internet Explorer позиционирует текст так,
чтобы он заканчивался вровень с нижним краем рисунка. Если в ячейке
нет рисунка, Internet Explorer игнорирует значение "baseline" атрибута
vaiign и начинает текстовое содержимое у верхнего края ячейки.
• bottom. Отображает содержимое так, что оно заканчивается у нижнего
края ячейки.
Глава 2. HTML-таблицы 105
На рис. 2.16 показано, как Netscape Navigator отобразит таблицу, определен-
ную следующим HTML-кодом, где в дескрипторах | ячеек таблицы использо-
вано каждое из возможных значений атрибута vaiign:
< t r X t h width="25%">BbipaBHKBaiuie по вертикали - по верхнему краю*
| BbipaBHMBaHMe по вертикали - по центру
| BbipaBHHBaHHe по вертикали - по базовой линии
| BupaBHHBaHHe по вертикали - по нижнему KpaxX/th>
< t r x t d width="25%" valign="top">BBepxy
| IIo ueHTpy |
IIo базовой nnHrai |
C™isy
|
Рис. 2.15. Таблица, иллюстрирующая действие трех значений атрибута
выравнивания по горизонтали
Выравнивание таблицы на Web-странице
В предыдущем практикуме этой главы вы научились выравнивать содержимое
ячейки по левому краю ячейки, по правому краю ячейки или по центру ячейки.
Пока содержимое ячейки уже ширины самой ячейки, с по
|
|
|
