Комментарий от ментора ДЗ-3

[Petergod]

HTML

• <img src="img/logo_index.png" alt="Firness"> лучше взять в отдельный блок
• <li class="copyrights">2015 © All rights reserved</li>так делать нельзя! Это не список, нужно взять в отдельный блок и задать float! CSS
• Вместо position: relative; overflow: hidden; лучше использовать clearfix

• Для меню можно поставить красивый беграунд background: linear-gradient(to top, #444343,#5e5e5e); - сделаем красивое верхнее меню без скачек ,для nav_menu зададим маленький отступ .nav_menu li { float: left; margin:0 1px; } и для скрытого меню зададим бордер и марджин 0 nav_menu li:hover `.nav_menu li:hover{

  border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background: linear-gradient(to top, #2e2e2e,#4a4a4a); margin:0; }`

• Также сделаем красивый левый список :

  • Ширину убираем из left_menu
  • для .left_menu a зададим ширину диспелей блок .left_menu a{ display: block; width: 214px; padding: 0 0 0 23px; line-height: 39px; text-decoration: none; color: #656363; }
  • для .left_menu li:hover также зададим нужные стили `.left_menu li a:hover{

  width: 202px; padding: 0 0 0 35px; background-color: #f9f9f9; color: #2c2c2c; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }`

  • http://joxi.ru/4AkEOWycv6lPmq Так не правильно , нужно переделать,Нужно все вместе с description взять в один блок content и для всего content уже стоит float: right и ширина, с description нужно убрать эти параметры . Бордер с content уберите, задайте его картинке .img .

• Делаем правильный красивый футер :

  • Для всего блока задаем беграунд и высоту height: 40px; padding: 0 24px; background-color: #e1e1e1; }
  • Для самого списка сделаем маленькие отступы `.footer_menu li{

  float: left; margin:0 40px; }Самойfooter_menu` можно убрать свойства .

  • Для первого элемента отступ 0 .footer li:first-child { margin-left: 0; }
  • Как я говори выше копирайт взяли в отдельный блок, тогда для копирайта и нашего списочка задаем все нужные свойства ` .footer_menu li a,.copy_r{ display: block; color: #2c2c2c; text-decoration: none; font: 13px sans-serif; line-height: 40px;

} .footer_menu li:hover{ text-decoration: underline; }`

• ну и для самого копирайта зададим float:right ну и можно чтобы при наведении на ссылку цвет менялся , .copy_r {float:right; } .copy_r a:hover {color: red;}.
• Незабываем об clearfix

[Petergod]

ЗАЧЕТ