что здесь не так???

Курсы §13. Мастерская: создаём меню
1

html, body {
background: white;
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 {
margin: 0;
padding: 0;
width:200px;
}
.main-menu li {
margin: 0;
list-style: none;
}
.main-menu a {
display: block;
margin: 0;
color: white;
padding: 10px 15px;
background-color: #2980B9;
border-bottom: 2px solid #2C3E50;
text-decoration: none;
}
.main-menu li li a {
margin-left: -40px;
padding: 7px 15px;
color: #2980B9;
background: #FFFFFF;
border: none;
text-decoration: underline;
}
.main-menu > .active > a {
background-color: #1ABC9C;
}

задание вообще не сделал…
как мне сделать подменю без отрицательных внешних отступов?
и как в подменю внутренние отступы правильно выставить?
что не так???

2

Номер задания подскажите.

3

Испытание : многоуровневое меню [15/28]

4

По поводу отрицательных отступов. Отступы у подменю тоже надо обнулить. Так как вы делали в этом фрагменте:
.main-menu {
margin: 0;
padding: 0;
width:200px;
}

5

а оно потом съезжает и там серый фон(((

6

А так?
.main-menu ul {
margin: 0;
padding: 0;
}

7

ul?.. :no_mouth:

8

есть))

9

Продолжаем или дальше сами?

10

да) если можно)) но вот не пойму я как внутренние отступы сделать…
или это внешние…

11

Внутренние. Отдельно для ссылок подменю + для ul.

12

repeat please((((

13

чето я както не понял. ну так то понял, но нет)

14

Подсказка. Рамка вспомогательная, только для наглядности.

15

это то я как раз понял. а вот как его записать само правило …

16

Хорошо. Какой селектор у вас используется при создании стилей ссылок подменю?

17

.main-menu li li a

18

Правильно. Оцените визуально, какой величины подойдет отступ.

19

максимум 10

20

10 - это много. 5 хватит. Еще отступы для ul.