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

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

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

Полезные ссылки
Случайные записи
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 042
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 140
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 044
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 046
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.74
  • 25.02.2011">Руководство по actionscript. часть 6, стр. 079
  • 18.03.2011">Руководство по actionscript. часть 2, стр. 123
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.89
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 075
  • 08.04.2012">В Почте Mail.Ru стало удобнее работать с вложениями
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 068
  • 06.10.2012">Google и американские издатели урегулировали семилетний спор
  • 06.07.2011">Небольшие хитрости дизайна
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.90
  • 12.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.106
Опрос

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

View Results

Loading ... Loading ...