В ОБЩЕМ-ТО ПРИМЕР ВЁРСТКИ (html + css + js) И ПОВЕДЕНИЯ ЗДЕСЬ : jsfiddle.net/6o0pkL54/9/
Только тут цвета,размеры и отступы не такие, как у гугл или мэйл календаря....(СДЕЛАЙТЕ КАК ТАМ) + Вот какая проблема, КОТОРУЮ НУЖНО РЕШИТЬ:
- при развёрнутой строке "Весь день" #tabbodyDiv вылезает из #week;
- при развёрнутой строке "Весь день" границы столбцов в этой строке не отображаются или отображаются не во всю ширину этой строки...
Обе проблемы мне понятно как решить...
Однако в принципе БЫЛ БЫ РАД СОТРУДНИЧАТЬ С НОРМАЛЬНЫМ ВЕРСТАЛЬЩИКОМ для периодических таких мелких заказов. И оставляю это для Вас, чтобы посмотреть, кто может решать такие и аналогичные задачи...

ПС А вообще – вдруг я чего намудрил с вёрсткой и можно ещё чего проще и красивее сделать (например, меня смущает мелкое несовпадение ширины столбцов в шапке и в теле таблицы)?

ЗАДАЧА:
Гугл – строка "Весь день" (вторая строка после строкой с наименованиями дней недели) свёрнута – clip2net.com/s/iVkbk7
эта же строка свёрнута – смотрим мероприятия из неё, не разворачивая "весь день" clip2net.com/s/iVkc2O
эта же строка развёрнута – clip2net.com/s/iVkbNu
как работает гугл при изменении размера окна (резина): clip2net.com/s/iVkcm8

Мэйл – строка "Весь день" свёрнута – clip2net.com/s/iVkd6E
эта же строка свёрнута – смотрим мероприятия из неё, не разворачивая "весь день" – clip2net.com/s/iVkdDa
эта же строка развёрнута – clip2net.com/s/iVkdQC
как работает гугл при изменении размера окна (полурезина – сжимание ширины до определённой ширины): clip2net.com/s/iVke8K


Задача – сверстать (ТОЛЬКО html + css) недельный календарь (Только ту область, которую показываю в скриншотах), резиновый или полурезиновый. Мне бы хотелось, чтобы выглядел как mail.ru, но был резиновый как гугл. Требования: семантичная вёрстка без излишеств...

Для свёртывания и развёртывания строки сделать так: псевдокласс css для развёрнутой строки "Весь день" – .rolledDown, псевдокласс свёрнутой строки – нет класса .rolledDown.
Для просмотра мероприятий, не разворачивая весь день, заводим псевдокласс css .rolledDown уже для UL, в котором перечислены события данного дня.

СТОИМОСТЬ 1200 руб. (можете свою предложить)