Список вопросов по HTML


Как можно сделать одинаковые столбцы в таблице?


По стандарту можно использовать для этого теги <colgroup> и <col>

К сожалению, NN4 не понимает <col> и <colgroup>, но для него можно поставить в <table> параметр cols="NNN" (!), где NNN - число столбцов.

<colgroup> удобно применять, когда 100 делится нацело на число столбцов:

<table> <!-- таблица с 5 столбцами --> <colgroup span="5" width="20%"></colgroup> <tr> ... </table>

Если число столбцов не является делителем 100, придется использовать <col>:

<table> <!-- таблица с 3 столбцами --> <colgroup width="33%"> <col /> <col width="34%" /> <col /> </colgroup> <tr> ... </table>

Или так:

<table> <!-- таблица с 7 столбцами --> <colgroup width="14%"> <col span="2" /> <!-- параметр span означает две одинаковые колонки --> <col width="15%" /> <col span="2" /> <col width="15%" /> <col /> </colgroup> <tr> ... </table>

И, наконец, самое надежное в плане совместимости с устаревшими браузерами решение - указать в явном виде width="NN%" в каждом <td> (<th>) первого ряда таблицы.



Содержание раздела