<table>
<tr>
<td>1_1</td>
<td>1_2</td>
<td>1_3</td>
<td>1_4</td>
</tr>
</table>
таблица
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12015-03-03 16:47:52
- Администратор
- Зарегистрирован: 2015-01-10
- Приглашений: 0
- Сообщений: 928
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
4 дня 15 часов - Последний визит:
2025-01-01 13:37:16
Поделиться22015-03-03 16:48:28
- Администратор
- Зарегистрирован: 2015-01-10
- Приглашений: 0
- Сообщений: 928
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
4 дня 15 часов - Последний визит:
2025-01-01 13:37:16
При необходимости увеличиваем количество строк до двух и более с помощью тега tr.
<table>
<tr>
<td>1_1</td>
<td>1_2</td>
<td>1_3</td>
<td>1_4</td>
</tr>
<tr>
<td>2_1</td>
<td>2_2</td>
<td>2_3</td>
<td>2_4</td>
</tr>
<tr>
<td>3_1</td>
<td>3_2</td>
<td>3_3</td>
<td>3_4</td>
</tr>
</table>
Поделиться32015-03-03 16:48:38
- Администратор
- Зарегистрирован: 2015-01-10
- Приглашений: 0
- Сообщений: 928
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
4 дня 15 часов - Последний визит:
2025-01-01 13:37:16
Объединяются горизонтальные ячейки благодаря атрибуту colspan. При этом нужно удалить один тег td в том же блоке tr.
<table>
<tr>
<td>1_1</td>
<td colspan="2">1_2 + 1_3</td>
<td>1_4</td>
</tr>
<tr>
<td>2_1</td>
<td>2_2</td>
<td>2_3</td>
<td>2_4</td>
</tr>
<tr>
<td>3_1</td>
<td>3_2</td>
<td>3_3</td>
<td>3_4</td>
</tr>
</table>
Поделиться42015-03-03 16:48:54
- Администратор
- Зарегистрирован: 2015-01-10
- Приглашений: 0
- Сообщений: 928
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
4 дня 15 часов - Последний визит:
2025-01-01 13:37:16
Для объединения вертикальных ячеек, применяем атрибут rowspan. При этом нужно удалить td в нижних блоках tr.
<table>
<tr>
<td>1_1</td>
<td colspan="2">1_2 + 1_3</td>
<td>1_4</td>
</tr>
<tr>
<td>2_1</td>
<td>2_2</td>
<td>2_3</td>
<td rowspan="2">2_4 + 3_4</td>
</tr>
<tr>
<td>3_1</td>
<td>3_2</td>
<td>3_3</td>
</tr>
</table>
Поделиться52015-03-03 16:49:05
- Администратор
- Зарегистрирован: 2015-01-10
- Приглашений: 0
- Сообщений: 928
- Уважение: [+0/-0]
- Позитив: [+0/-0]
- Провел на форуме:
4 дня 15 часов - Последний визит:
2025-01-01 13:37:16
Для объединения горизонтальных и вертикальных ячеек используются одновременно оба атрибута colspan и rowspan. А также удаляется соответствующее количество ячеек td, в моём случае от уже имеющегося варианта убираем две ячейки.
<table>
<tr>
<td>1_1</td>
<td colspan="2" rowspan="2">1_2 + 1_3 + 2_2 + 2_3</td>
<td>1_4</td>
</tr>
<tr>
<td>2_1</td>
<td rowspan="2">2_4 + 3_4</td>
</tr>
<tr>
<td>3_1</td>
<td>3_2</td>
<td>3_3</td>
</tr>
</table>
Страница: 1