Главная | Новости |  Карта сайта | Связь   
  
   ПРИХОЖАЯ
      Главная
      Новости
      Карта сайта
      Форум

   ОБУЧЕНИЕ
      Вступление
      Дизайн
      Графика
      Html
      Программинг
      Размещение
      Реклама
      Статьи
      Архив

   СПРАВОЧНАЯ
      Онлайн словарь
      Ссылочная
      Книги

   О ПРОЕКТЕ
      История
      Наша команда
      Авторам
      Контакты
      Реклама

 
Главная / Html / Учебник по Html. Ступенька 23-ая. 

Учебник по Html для чайников. Таблицы.

Ступенька 23-ая.

В предыдущих главах мы научились создавать таблицы на конкретном примере, а в этой главе я хотела разом вывалить все оставшиеся возможности и атрибуты на ваши головы, но потом решила, что раз уж я пишу подробный учебник, то надо быть стойкой до конца:).

Вернемся к нашему примеру, и поговорим о вертикальном выравнивании содержимого таблицы, т.е. о том, как можно сделать так, чтобы содержимое ячейки не только располагалось ровно посередине ее (как по умолчанию), а еще вверху или внизу. Вертикальное выравнивание задается следующим атрибутом - 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 не для всех ячеек, только для тех, где я захотела чтобы текст располагался сверху или снизу, чтобы зря не тратить время и усилия. Существование атрибута valign значительно облегчает нашу с вами жизнь, страшно даже подумать, как пришлось бы мучиться, если бы его не было:).

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


Обсудить этот материал на форуме


<<< Ступенька 22-ая: Назад | Далее: Ступенька 24-ая >>>
 
   CСЫЛКИ ПО ТЕМЕ
World Wide Web Consortium (eng)
Спецификация HTML 4.0 (перевод)
Все о HTML
Заметки HTML кодера
HTML-справочник
Коллекция ссылок по Html от Махаона

   КНИГИ ПО ТЕМЕ:
Подборка книг по HTML:

HTML-справочник. HTML: экспресс-курс. Самоучитель HTML. HTML в действии.

HTML-справочник Самоучитель HTML HTML в действии

Подборка книг по СSS, Dhtml, Javascript:

Философия CSS-дизайна. Универсальный Dynamic HTML. JavaScript: наглядный курс создания динамических Web-страниц. Практические занятия по JavaScript. JavaScript: энциклопедия пользователя.

Универсальный Dynamic HTML JavaScript энциклопедия пользователя Самоучитель Macromedia Dreamweaver 8

Самоучитель Macromedia Dreamweaver 8. Dreamweaver MX 2004 для "чайников".



© 2001-2009 Postroika.ru | Материалы данного сайта нельзя использовать без предварительного согласия авторов.
Реклама: [an error occurred while processing this directive]


 Рейтинг@Mail.ru