+—————+—————————+—————+
| 1 | 2 | 3 |
+———+—+—————————+—+———+
| | | |
| 4 | 5 | 6 |
| | | |
+———+—+—————————+—+———+
| 7 | 8 | 9 |
+—————+—————————+—————+
Создание таблицы с ячейками разной ширины
Требуется создать таблицу такого вида:
Напрямую,конечно(девятью ячейчками,задавая им разную ширину),не получится–видать,стандарт таков–они все выровняются и станут одной ширины)
Пробовал сделать так(объединяя ячейки):
(границы–чтобы видеть;таблица должны быть на всю страницу;ячейки 1,3,4,6,7,9 должны иметь фиксированную ширину,ширина же ячеек 2,5,8–всё оставшееся пространство)
Получилась такая ерунда,что ширина тех столбцов,в которых я задал её фиксированно,намного превышает те размеры,которые мне нужны,а средние столбцы(в которых,собственно,и должно располагаться всё основное) маленькая.Причём со включенными границами(по умолчанию они объёмные) видно,что ширина ячеек (2,8) и 5 несильно отличается(т.е. они почти равны)
Вопрос:как правильно надо сделать?Подскажите,пожалуйста
Код:
Пробовал сделать так(объединяя ячейки):
Код:
<Table border=1 width=100%>
<TR><TD colspan=2 width=128>1</TD><TD>2</TD><TD colspan=2 width=128>3</TD></TR>
<TR><TD width=64>4</TD><TD colspan=3>5</TD><TD width=64>6</TD></TR>
<TR><TD colspan=2 width=128>7</TD><TD>8</TD><TD colspan=2 width=72>9</TD></TR>
</Table>
<TR><TD colspan=2 width=128>1</TD><TD>2</TD><TD colspan=2 width=128>3</TD></TR>
<TR><TD width=64>4</TD><TD colspan=3>5</TD><TD width=64>6</TD></TR>
<TR><TD colspan=2 width=128>7</TD><TD>8</TD><TD colspan=2 width=72>9</TD></TR>
</Table>
Получилась такая ерунда,что ширина тех столбцов,в которых я задал её фиксированно,намного превышает те размеры,которые мне нужны,а средние столбцы(в которых,собственно,и должно располагаться всё основное) маленькая.Причём со включенными границами(по умолчанию они объёмные) видно,что ширина ячеек (2,8) и 5 несильно отличается(т.е. они почти равны)
Вопрос:как правильно надо сделать?Подскажите,пожалуйста
table-layout: fixed попробуйте.
не самый правильный солюшен но.......
Код:
<Table border=1 width=100%>
<TR><TD width=128>1</TD><TD >2</TD><TD width=128>3</TD></TR>
<TR><TD colspan=3>
<table width=100% border=1 >
<tr>
<td width=64>4</td><td>5</td><td width=64>6</td>
</tr>
</table>
</TD></TR>
<TR><TD >7</TD><TD>8</TD><TD >9</TD></TR>
</Table>
<TR><TD width=128>1</TD><TD >2</TD><TD width=128>3</TD></TR>
<TR><TD colspan=3>
<table width=100% border=1 >
<tr>
<td width=64>4</td><td>5</td><td width=64>6</td>
</tr>
</table>
</TD></TR>
<TR><TD >7</TD><TD>8</TD><TD >9</TD></TR>
</Table>
likeopera:а остальной код остаётся тем же?
Rebbit:ааа,пустые ячеечки?:)
Upd:эх,мне б без вложенной таблицы…
Rebbit:ааа,пустые ячеечки?:)
Upd:эх,мне б без вложенной таблицы…
Да, это просто указание браузеру, чтобы не высчитывал ширину ячеек, а брал то, что задано. См. спецификацию.
likeopera,большое спасибо.Всё работает как надо
Rebbit,спасибо за старания;)
Значит,при table-layout: fixed ширина элементов,для которых она непосредственно не задана,вычисляется автоматически,исходя из имеющихся размеров.Понял
Rebbit,спасибо за старания;)
Значит,при table-layout: fixed ширина элементов,для которых она непосредственно не задана,вычисляется автоматически,исходя из имеющихся размеров.Понял