Сверстать недельный календарь, после этого – похожие задания

Откликнуться
e
Заказчик
Отзывы фрилансеров: + 5 - 0
Зарегистрирован на сайте 16 лет и 8 месяцев
Бюджет: 1 200 руб
15.10 $ — 12.87 €
Гугл – строка "Весь день" (вторая строка после строкой с наименованиями дней недели) свёрнута   – 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, в котором перечислены события данного дня.

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

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

Выберите способ верификации:

Обновите страницу после прохождения верификации.

Посмотреть другие заказы Разместить заказ

Теги: разработать сайт, создать личный сайт, создать одностраничный сайт, нужно сделать сайт, лучшие разработчики, нужно создать сайт, требуется разработчик

Наши партнеры
Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».