Показать сообщение отдельно
  #31 (permalink)  
Старый 30.09.2019, 11:03
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Rise,
вот решение 'на бумажке'
<!DOCTYPE html>
<head lang="ru">
<meta charset="utf-8">
<title></title>
<style>
td { border: 1px solid #000; height: 100px; margin: 1px; }
</style>
</head>
<body>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td style="width: 62px;"></td><td style="width: 62px;"></td><td style="width: 62px;"></td><td style="width: 62px;"></td><td style="width: 62px;"></td></tr></table></div>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td style="width: 62px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td><td style="width: 48px;"></td></tr></table></div>
<div style="border: 1px solid #000; width: 350px; padding: 5px;"><table style="border: 1px solid #00f; width: 100%; padding: 2px;"><tr><td style="width: 62px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td><td style="width: 39px;"></td></tr></table></div>
<br>
если в строке (tr) 5 ячеек, то td id=week-day 62px, остальные ячейки 62px<br>
если в строке (tr) 5 ячеек, то td id=week-day 62px, остальные ячейки 48px<br>
если в строке (tr) 7 ячеек, то td id=week-day 62px, остальные ячейки 39px
</body>
</html>


Надо на js узнать количество ячеек в строке и присвоить нужную ширину ячейкам
Ответить с цитированием