Воссоздание расписания на изображении с помощью HTML, CSS или Javascript ⇐ CSS

[Anonymous]

Расписание, которое я хочу воссоздать


Мне нужна помощь в создании расписания с использованием CSS, HTML и Javascript. У меня возникли проблемы с выравниванием трех пустых ячеек таблицы за период с 7:00 до 8:00 с ячейками во вторник, среду, четверг и пятницу.
Это мой код:

Код: Выделить всё

th {
border: none;
color: black; /* Text color */
padding: 8px;
text-align: center;
}

.cell1 {
background-color: #006400; /* Green */
}

.cell1wd1 {
height: 2px;
width: 20px;
padding: 2px 4px; /* Adjust top and bottom padding */
font-size: 10px; /* Adjust font size if needed */
white-space: nowrap; /* Prevent text wrapping */
}

.cell2 {
background-color: #ffbec8; /* Green */
}

.cell3 {
background-color: #808080; /* Green */
}

HTML:

Код: Выделить всё

Time
Monday
Tuesday
Wednesday
Thursday
Friday




7:00 - 8:00







8:00 - 9:00







9:00 - 10:00
CMSC 132

Подробнее здесь: https://stackoverflow.com/questions/782 ... javascript