Что нужно знать, чтобы выполнить работу:
- верстка на дивах из 3-х колонок
- конструкций классов типа: "price red pull-right"
- знание конструкция CSS типа: left:106px/; #leftcolumn > ul,#leftcolumn > div; #rightcolumn + #content
- сделать доработку кроссобраузерной и корректной для отображения на планшетах
- блок должен быть сверстан с минимальным изменением существующего кода, т.к. потом эта нарезка будет встраиваться в уже существующий сайт.
Что требуется:
Необходимо в уже существующую верстку внести изменения. Коснутся они страницы такого плана:
3live.ru/catalog.html?ite... Нужно доработать оформление правого блока, доработку сразу видно в исходнике PSD стрелка с надписью "ШОК цена".
Текущую нарезку можно скачать непосредственно со ссылки выше.
Принципиальные моменты верстки:
- стрелка должна растягиваться по высоте в зависимости от кол-ва информации в ней, т.к. строк с "+" в начале может быть 1, 2 или 3.Как это выглядит дано в файлах JPG.
- при сжатии окна по вертикале стрелка должна находиться поверх фото инструмента слева.
- при наведении на строки с "+" должен остаться функционал по всплыванию окна с подсказкой.
На конечном этапе нужно будет передать файл, в котором будет реализовано дополнение к нарезке, а также выделить в CSS отдельным блоком, что было доработано или изменено.