На этом уроке я расскажу вам как можно сделать так, чтобы содержимое ячейки не только располагалось в середине ячейки, но и вверху и внизу. Это можно сделать при помощи атрибута valign="свойство" (свойства: middle, top, bottom).Этот атрибут задается в тэге <td>. Для примера возьмем ту же нашу таблицу.
| текст 1
| текст 2
| текст 3
|
| текст 4
| текст 5
| текст 6
|
Снизу приведен код этой таблицы.
<table>
<tr>
<td width="60" height="40" bgcolor="#808080" valign="bottom"><center>текст 1</center></td>
<td width="60" bgcolor="#FF9900"><center>текст 2</center></td>
<td width="60" bgcolor="#808080" valign="top"><center>текст 3</center></td>
</tr>
<tr>
<td width="60" height="40" bgcolor="#FF9900" valign="top"><center>текст 4</center></td>
<td width="60" bgcolor="#808080"><center>текст 5</center></td>
<td width="60" bgcolor="#FF9900" valign="bottom"><center>текст 6</center></td>
</tr>
</table>
Как вы видите на ячейке текст 2 и текст 5я не применил этот атрибут, т.к. хотел показать, что valign="middle" действует как тэг <center>.
Пока все. Повторяйте, закрепляйте и переходите к следующему уроку. :)
