Пользователь:    Пароль:    Запомнить     
 

Тег colgroup


Описание Открывающий и закрывающий теги colgroup создают структурную группу, обьеденяющую одну или несколько колонок.
Для всей группы можно указать общие атрибуты с помощью тега col - это гораздо удобнее, чем, к примеру, указывать ширину отдельно для каждой ячейки td
Синтаксис
  1. <table><colgroup атрибут="значение"><col атрибут="значение"></colgroup>...
  2. Элементы таблицы
  3. ...
  4. </table>

Если атрибутов несколько, они перечисляются через запятую.
Атрибуты span
Указывает количество колонок, к которым следует применять заданные атрибуты.
width
Указывает ширину колонок
align
Указывает горизонтальное выравнивание содержимого колонок, может принимать значения:
  1. left - содержимое выравнивается по левому краю
  2. right - содержимое выравнивается по правому краю
  3. center - содержимое выравнивается по центру
valign
Указывает вертикальное выравнивание содержимого колонок, может принимать значения:
  1. top - содержимое выравнивается по верхнему краю
  2. bottom - содержимое выравнивается по нижнему краю
  3. middle - содержимое выравнивается по центру
Пример
  1. <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, он начинает выводить содержимое таблицы и следующих за таблицей элементов, не дожидаясь ее полной загрузки.