Всем привет, не могу сверстать такую же таблицу, а именно несколько колонок под "пакетами"
-
попробуйте воспользоваться онлайн генераторами таблиц, например apsolyamov.ru/files/html-table-generator.html– ZhiharCommented 1 нояб. 2021 в 19:50
-
colspan не знаете как писать?– teranCommented 1 нояб. 2021 в 20:01
-
не получается обьеденить их– user438778Commented 1 нояб. 2021 в 20:11
Добавить комментарий
|
1 ответ
Вижу цель, не вижу препятствий.
Читаем про colspan и rowspan. Пользуемся генератором таблиц.
table { border-collapse: collapse; }
td, th {
padding: .5em;
border: 1px solid #000;
font-family: sans-serif;
text-align: center;
}
<table>
<tr>
<th colspan="7">Пакетные услуги по образованию</th>
</tr>
<tr>
<td rowspan="4">#</td>
<th rowspan="4">Обучение (образование)</td>
<th rowspan="4">Стоимость на 1-го человека</th>
<th colspan="4">ПАКЕТЫ</th>
</tr>
<tr>
<th>базовый</th>
<th>бронзовый</th>
<th>серебряный</th>
<th>золотой</th>
</tr>
<tr>
<td>20 - 30 человек на одном курсе</td>
<td>от 31 человека на одном курсе</td>
<td>от 76 человек на одном курсе</td>
<td>свыше 120 человека на одном курсе</td>
</tr>
<tr>
<td colspan="4">скидки по пакетам для рынка (продажи оплачиваются отдельно)</td>
</tr>
</table>
-
1