Вопрос html таблицы

seidels · 1 Окт 2022

Начал недавно изучать html.
И у меня появился вопрос, в общем как мне растянуть ячейки в таблице до недостающего места?

HTML:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
<title>Таблицы</title>
 </head>
 <body>
<div style="text-align: center;">
<table width="1265" border="5" bordercolor="purple">
<tr><th colspan="7">Сотрудники компании</th></th>
<tr><td colspan="7">Руководство компании</td></th>
  <tr><td colspan="2" height="75">Фото</td><td colspan="2">Фото</td><td colspan="2">Фото</td></tr>
  <tr><td colspan="2">Должность</td><td colspan="2">Должность</td><td colspan="2">Должность</td></tr>
  <tr><td colspan="2">ФИО</td><td colspan="2">ФИО</td><td colspan="2">ФИО</td></tr>
  <tr><td colspan="7">Финансовый отдел</td></th>
    <tr><td height="75">Фото</td><td>Фото</td><td>Фото</td><td>Фото</td></tr>
    <tr><td>Должность</td><td>Должность</td><td>Должность</td><td>Должность</td></tr>
    <tr><td>ФИО</td><td>ФИО</td><td>ФИО</td><td>ФИО</td></tr>
    <tr><td colspan="7">Маркетинговый (технический) отдел</td></th>
      <tr><td colspan="2">Офис 1</td><td colspan="3">Офис 2</td><td colspan="2">Офис 3</td></tr>
      <tr><td width = 150px; height="45">Фото</td><td width = 150px;>Фото</td><td width = 150px;>Фото</td><td width = 150px;>Фото</td><td width = 150px;>Фото</td><td width = 150px;>Фото</td><td width = 150px;>Фото</td></tr>
      <tr><td>ФИО</td><td>ФИО</td><td>ФИО</td><td>ФИО</td><td>ФИО</td><td>ФИО</td><td>ФИО</td></tr>
</table>
 </body>
</html>

gehoretyte · 24 Окт 2022

Не совсем понятно что значит "до недостающего места". Если нужно чтобы таблица (ячейки таблицы) растягивались и занимали всю ширину страницы то <table width=100%></table>, а ширину ячеек в 150px удалите или замените на проценты.

Вопрос html таблицы

Похожие темы