Статьи, пособия, примеры начинающим вебмастерам.

Горячий поиск: PHP CSS SEO
Главная » Главная Тег colgroup

Тег colgroup


Описание Открывающий и закрывающий теги colgroup создают структурную группу, обьеденяющую одну или несколько колонок. Для всей группы можно указать общие атрибуты с помощью тега col - это гораздо удобнее, чем, к примеру, указывать ширину отдельно для каждой ячейки td
Синтаксис
<table>
<colgroup атрибут="значение">
<col атрибут="значение">
</colgroup>
...
Элементы таблицы
...
</table>
Если атрибутов несколько, они перечисляются через запятую.
Атрибуты span
Указывает количество колонок, к которым следует применять заданные атрибуты.
width
Указывает ширину колонок
align
Указывает горизонтальное выравнивание содержимого колонок, может принимать значения:
  1. left - содержимое выравнивается по левому краю
  2. right - содержимое выравнивается по правому краю
  3. center - содержимое выравнивается по центру
valign
Указывает вертикальное выравнивание содержимого колонок, может принимать значения:
  1. top - содержимое выравнивается по верхнему краю
  2. bottom - содержимое выравнивается по нижнему краю
  3. middle - содержимое выравнивается по центру
Пример
<table width="100%" border="0" align="center" cellpadding="5" cellspacing="3">
<!-- Задаем ширину первой и второй колонок внутри контейнера colgroup  -->
<colgroup>
<col width="30%">
<col width="40%">
</colgroup>
<tr bgcolor="#ffeecc">
<td>width=30%</td>
<td>width=40%</td>
<td>width=?</td>
<td>width=?</td>
</tr>
<tr bgcolor="#ffeecc">
<td>width=30%</td>
<td>width=40%</td>
<td>width=?</td>
<td>width=?</td>
</tr>
<tr bgcolor="#ffeecc">
<td>width=30%</td>
<td>width=40%</td>
<td>width=?</td>
<td>width=?</td>
</tr>
</table>

(откроется в новом окне)
Частые ошибки
Примечания Помимо всего прочего, тег colgroup способствует ускорению вывода таблиц на экран. Изначально, до того как вывести таблицу, браузер анализирует ее, и исходя из размеров содержимого рисует таблицу. Но если браузеру известен атрибут width тегов colgroup и col, он начинает выводить содержимое таблицы и следующих за таблицей элементов, не дожидаясь ее полной загрузки.
Чужих не бывает

Валидация

Правильний CSS!

Valid XHTML 1.0 Transitional

Статистика

Генерация страницы: 0.34 секунд, SQL-запросов: 8.

Copyright

© 2008-2013 webamator.ru

Условия заимствования материалов.