rusyak / rusyak.github.io Goto Github PK

ЗАРАХОВАНО

ЗАЧЕТ

ЗАЧЕТ

ЗАЧЕТ

ЗАЧЕТ

ЗАЧЕТ

Размещение файлов - корректно нужно картинки чтобы были в папке с картинками, файлы стилей в папке со стилями пример корневой папки: "css (папка), img (папка), index.html"
Визуально - все отлично
Разметка html кода файла index.html: Структура и расположения тегов хорошо.Ничего лишнего. Изображение можно было взять не в тег р , а просто в <div class="foto"> </div>
CSS Все хорошо!
Но можно было в body обойтись без :
body { width: 1440px; height: 806px; border-bottom: 2px solid black; }

Не нужно было задавать параметр height: 1440px; так, как если текста будет больше, документ не потянется и ширина также не нужно, у нас границы нужной странички заданы в .layout .
Но Визуально и по коду все хорошо!

ЗАЧЕТ

ЗАЧЕТ

ЗАЧЕТ

• бекграунд должен растягиваться на всю ширину монитора
• ширина контента должна соответствовать как в макете
• http://joxi.ru/vAWXNaeukDNDor должны быть по центру
• http://joxi.ru/a2X4JRYFydG6O2 Должны быть в ряд
• http://joxi.ru/V2VD8ZvS0eZDVr поехал логотип , это все из-за того что задана ширина для всего контента в wrapper
• http://joxi.ru/5mddaJnfv57Owm эти все картинки можно было сделать через псевдоклассы before/after , картинкой не нужно )

ЗАЧЕТ

• http://joxi.ru/Dr8NoDGuNXoZ26 так не должно быть
• При наведении на "Entrar" "Cadastre-se" сделайте text-decoration:none , а к "Minhas Ofertas" добавьте text-decoration: underline; , чтобы красиво было Это рекомендация) + должно выделяться синим - как на заданном макете ) http://joxi.ru/Vm6dkGgsyZjgAZ ну и правый отступ. Рекомендую все меню обернуть в блок и задать ширину 1000 пикселей и маржин 0 авто
• нету формы/кнопки фейстбука, как так?))
• рекомендую в .line для линий задать : border-top: 1px solid #666666; border-bottom: 1px solid #000; Это в before/after
• для submit поиграйтесь немножко со стилизацией
  вот можете попробовать вставить background: linear-gradient(to top, #2e7ac4,#50aedb); border-radius: 2px; border: 1px solid #4e9ed8; line-height: 33px; font-family: HelveticaNeueRoman, Tahoma, sans-serif; font-size: 14px; text-align: center; color: #fff; cursor: pointer;
• http://joxi.ru/KAgWENbcovxaAl должен быть отступ

ЗАЧЕТ

• высоту макету убрать!
• ширина макета примерно width: 910px; и лучше эти все параметры не задавать в боди , а задать например в еще одном общем блоке "wrapper" http://joxi.ru/D2P86laSddZL02 и ширину блокам ".search_forms,.content,footer" можно не задавать , лучше обойтись без ее. Пользуйтесь падингами . Тогда для меню http://joxi.ru/LmGj7bYhRRN6Or левый и правый марджини уберите. для search_auto ширину сделаете чуть поменьше на пару пикселей
• number сделайте font-size: 18px;
• http://joxi.ru/RmzzvnRfWWnJPm сделайте через псевдоклассы before/after
• в верхнем меню формам логина и пароля добавьте required
• http://joxi.ru/V2VvewDhwLG52v это стиль при наведении на ссылку)
• .nav_menu ul li:first-child чтобы не задавать такие больше отступы margin-left: 125px;
  пользуйтесь флоатами. Корзинку сделайте также через псевдокласс
• search_forms у Вас почти все ячейки пусты , и добавьте хоть каждому элементу по 3-4 пункта выбора (марки , шины и тдтп)
• http://joxi.ru/8235gqNh66bBlr и сделайте "поиск" цвет темно синий ( как на макете)
• http://joxi.ru/Q2K0jbWh99610A сделайте как на заданном макете , и цвет ссылок также как на макете
• http://joxi.ru/5mdQGylFvvQ7p2
• добавьте к "ВИБРАТИ" cursor:pointer
• brend каждый бренд отдельной картинкой
• bottom_menu вертикальные стрелки сделайте через псевдоклас

ЗАЧЕТ

• не работает меню при на наведении.Когда наводишь на пункты меню "Путешествие" Не работают элементы при наведении, насколько я понимаю http://joxi.ru/RmzzvnRfqPRPmO лини должны быть до конца пункта)
• .wrapper "height: ;" - зачем этот стиль?
• .header лучше задать min height
• для http://joxi.ru/RmzzvnRfqBWdmO обернуть все в ссылку и для текста задать спан
• ul li нужно задать привязку к nav и убрать высоту , в процентах не задаем, все в пикселях, паддинги ненужно line-height задаем.
• навигацию нужно отделить от картинки
• content_sidebar - добавить клеар фикс + убрать все стили кроме беграунда, и поправить все внутри блока
• http://joxi.ru/82QqWbRuYnV42d нету бордеров
• .footer зачем там ширина?

Не соответствует заданному макету, размеры , не работает верхнее меню при наведении , левое также, и футтер.

• копирайт нельзя брать в список, нужно в отдельный блок и задать флоат http://joxi.ru/ZrJpEb6SVPOx2j
• картинки лучше помещать в отдельный блок
• Вместо position: relative; overflow: hidden; лучше использовать clearfix.
• letter-spacing:normal; display: -moz-inline-stack!important; display:inline-block; display:inline; zoom:1; лишнее , лишние background и , не грузите страницу лишними беграундами, http://joxi.ru/n2YOYlyCLXPMr6 задайте просто беграунд.