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

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

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





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

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

содержимое в ячейке по левому краю ячейки.





Чтобы изменить выставляемое по умолчанию горизонтальное (то есть слева на — право) выравнивание содержимого ячейки, добавьте в дескриптор ячейки атрибут align. Атрибут alig n может получать три возможных значения:

• left. Выравнивает содержимое по левому краю ячейки.

• right. Выравнивает содержимое по правому краю ячейки.

• center. Центрирует содержимое между левым и правым краями ячейки.

На рис. 2.15 показано, как Internet Explorer отобразит таблицу, определенную следующим HTML-кодом, в дескрипторах которой использовано каждое из допустимых значений атрибута align:





Если высота ячейки превышает высоту ее содержимого, 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:



Выравнивание таблицы на Web-странице

В предыдущем практикуме этой главы вы научились выравнивать содержимое ячейки по левому краю ячейки, по правому краю ячейки или по центру ячейки.

Пока содержимое ячейки уже ширины самой ячейки, с помощью атрибута alig n

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

нировать всю таблицу в горизонтальной плоскости на Web-странице с помощью атрибута align.

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





По умолчанию Web-браузер отображает таблицу у левого края Web-страницы. Чтобы изменить выравнивание таблицы, заключите определение таблицы между начальным и конечным дескрипторами блока (). Затем установите

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

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

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

Полезные ссылки
Случайные записи
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 140
  • 11.03.2011">Руководство по actionscript. часть 4, стр. 003
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 043
  • 28.07.2011">Интернет в роли Купидона
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 121
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 116
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 097
  • 01.04.2012">ЕС создаст центр по борьбе с киберпреступностью
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 103
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 084
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 138
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.137
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.68
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.87
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.64
Опрос

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

View Results

Loading ... Loading ...