Счетчики

Учебник по Html для начинающих. Таблицы.

Таблицы, вертикальное выравнивание (valign).

Вернемся к нашему примеру, и поговорим о вертикальном выравнивании содержимого таблицы, т.е. о том, как можно сделать так, чтобы содержимое ячейки не только располагалось ровно посередине ее (как по умолчанию), а еще вверху или внизу. Вертикальное выравнивание задается следующим атрибутом - valign="middle" (top, bottom) - содержимое конкретной ячейки будет находится в середине ячейки (наверху или внизу):
Таблица с вариантами вертикального выравнивания





Вот вам и наглядный пример, как это выглядит. А теперь разберемся, как это пишется:

<table>
<tr>
<td height="35" width="50" bgcolor="#FFCC33" valign="top"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699"> <center>1x2</center> </td>
<td width="50" bgcolor="#FFCC33" valign="bottom"> <center>1x3</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699" valign="bottom"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
<td width="50" bgcolor="#336699" valign="top"> <center>2x3</center> </td>
</tr>
</table>

valign прописан не для всех ячеек, только для тех, где мне нужно чтобы текст располагался сверху или снизу, чтобы зря не тратить время и усилия.

Теперь мы знаем, что align, задает горизонтальное выравнивание содержимого ячейки, а valign – вертикальное. В таком случае пойдем дальше.


<<< Страница 21 :Назад | Далее: Страница 23 >>>

Главная | Карта сайта |Обратная связь | ©2008 Начинающему WEB-мастеру.

Сайт создан в системе uCoz