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

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

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

Полезные ссылки
Случайные записи
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 019
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 126
  • 06.06.2011">Gimp
  • 04.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.13
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 070
  • 03.08.2011">Поэт-революционер — новое собрание сочинений
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.98
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 086
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 019
  • 17.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.120
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 100
  • 05.11.2012">Gmail стал самым популярным почтовым сервисом в мире
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 029
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.159
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 064
Опрос

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

View Results

Loading ... Loading ...