Лекция: ВИРІВНЮВАННЯ ВМICТУ КОМІРОК

Щоб вирівняти вміст комірок таблиціпо горизонталі, треба вище наведений текст редагувати таким чином:

<table> <tr>

<td height =«35» width=«50» bgcolor="#FFCC33"><center> 1х1 </center> </tr>

<td width=«50» bgcolor="#336699"><center> 1х2 </center> </tr>

<td width=«50» bgcolor="#EFCC33"> <center>1х3</center> </tr> </tr> <tr>

<td height =«35» width=«50» bgcolor="#336699"><center>,2xl</tr>

<td width=«50» bgcolor="#FFCC33"><center> 2х2</center> </tr>

<td width=«50» bgcolor="#336699"><center> 2х3</center> </tr> </tr> <table>

В кожній комірці таблиці може знаходитись текст, малюнки i навігь вкладені таблиці. Їх вміст форматусться за допомогою вже відомих тегів. Кожна комірка таблиці є ніби окрема кімната, тому теги для центрування в попередньому прикладі довелось писати для кожної комірки.

Вирівнюванняпо вертикалі виконуеться за допомогою атрибута valign=«middle» (top, bottom) — посередині комірки (зверху, знизу).

Щоб вирівняти вміст комірок таблиці по вертикалі треба вище наведений текст редагувати таким чином:

<table>

<tr>

<td height =«35» width=«50» bgcolor="#FFCC33"valign=«top» >

<center> 1х1 </center></tr>

<td width=«50» bgcolor="#336699"> <center> 1х2 </center> </tr>

<td width=«50» bgcolor="#FFCC33"valign=«bottom»> <center> 1х3

</center> </tr>

</tr>

<tr>

<td height =«35» width=«50» bgcolor="#336699"valign=«bottom» >

<center> 2xl</tr>

<td width=«50» bgcolor="#FFCC33"> <center> 2х2 </center> </tr>

<td width=«50» bgcolor="#336699"valign=«top» > <center> 2х3

</center> </tr>

</tr>

<table>

Тут параметр valign встановлено не для всіх комірок, щоб можна було побачити різницю у вирівнюванні вмісту комірок.