Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе

Поделиться:

Проект закрытВерстка html + css + JavaScript доделка адаптивной страницы

Заказчик
Отзывы фрилансеров: + 2 0 - 0
Зарегистрирован на сайте 9 месяцев
Бюджет: по договоренности
На странице должно присутствовать:
- заголовок <h1></h1>
- картинка <IMG>
- подпись к картинке <p></p>

Особенность размещения:
- весь контент должен вмещаться в "первый экран"
а) заголовок: тянется на всю ширину окна, если не влезает на 100% переходит на след. строчку
б) картинка: если она больше чем экран, она масштабируется  с сохранением пропорций, если она меньше чем экран, тянется максимум до 100% своего размера.
в) подпись к картинке: всплывающая подсказка, с шириной не более чем занимает картинка на экране, должна появляться при наведении курсора на картинку, в нижней части картинки на прозрачном фоне.
 
 
 
Я сам знаком с версткой и пытался это сделать, но  у меня не получается сделать некоторые вещи, вот что и как сделано:
-Масштабирование фотографии (вроде сделано, но в Safari 5.1.4 появляется полоса прокрутки из-за добавленного заголовка сверху, фото смещается вниз, равному высоте заголовка)
-Окантовачная тень должна быть непосредственно вокруг фотографии (при развёртывании на 100% все ок, но при сжимании например по высоте, div продолжает занимать максимальную ширину, на которую фотография может развернуться)
-Всплывающий текст должен занимать место на всю ширину фотографии и не больше(сейчас он тянется на всю ширину DIV'а в котором эта фотография находится)
-так же в Safari масштабирование по ширине происходит сразу при изменении окна браузера, а вот по высоте, только после нажатия кнопки F5


Пример наработки с кодом, которую нужно довести до ума, можно глянуть тут: foto.remsanteh.ru/
От вас требуется правка этой одной странички (или сделать свой вариант, но с тем же смыслом), никакого php, вывода из баз данных и т.д. там нету, 
просто правка этой страницы в рамках html css и если нужно то JavaScript.

ВНИМАНИЕ!!! В предложении пишите сроки и стоимость, за которую вы согласны доделать данную работу, так я пойму что вы не очередной бот, который рассылает всем свои предложения))
Разделы:
Опубликован:
19.05.2017 | 22:47 [последние изменения: 19.05.2017 | 22:52]