Помогите найти ошибку.
Отступы в подменю не совпадают. Тем по этому заданию много, почитайте.
Братишка держи
body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
a {text-decoration:none;
color:white;}
li a{display:block;padding:10px 15px;}
.main-menu li { background:#2980b9; list-style: none; float:left;
width:200px;border-bottom:2px solid #2c3e50;}
.main-menu ul li a {text-decoration:underline;background: white; color: #2980b9; border-bottom:none;padding:5px 15px;}
.active ul li {border-bottom:none;};
.active{background: #1abc9c;}
.active a {background: #1abc9c; padding-bottom:10px;border-bottom:2px solid #2c3e50;}
.active ul li:last-child a{padding-bottom:15px;}
.active ul li:first-child a{padding-top:15px;}
Подчистил код много лишнего было и добавил коменты
*,html,
body {
margin: 0;
padding: 0;
}
body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}
/всем ссылкам отменяем декор и добавляем белый цвет/
.main-menu a {text-decoration:none;color:white;}
/делаем “а” блочные и задаем отступы /
.main-menu li a{display:block;padding:10px 15px;}
/добваляем фон ширину и нижний бордюр ЛИшкам/
.main-menu>li { background:#2980b9;
width:200px;border-bottom:2px solid #2c3e50;}
/Ашкам которые на белом фоне добавляем подчеркивание цвет фон отменяем нижний бордюр и задаем внутрение отступы/
.main-menu ul li a {text-decoration:underline;background: white; color: #2980b9; border-bottom:none;padding:5px 15px;}
/классу .активе добавляем фон/
.active{background: #1abc9c;}
/ ссылке в классе активе, там где Курсы, добавляем фон, и нижний бордюр/
.active a {background: #1abc9c;border-bottom:2px solid #2c3e50;}
/добавляем последней первой ссылке класса активе отступы нижний и верхний/
.active ul li:last-child a{padding-bottom:15px;}
.active ul li:first-child a{padding-top:15px;}