.menu margin-top в 9/28


#1

Собственно вопрос в css, а именно .menu margin-top: 14px;

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: “Arial”, sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}

.menu {
padding: 0;
margin: 0;
margin-top: 14px;
}

.menu li {
list-style: none;
}

.menu li a {
display: block;
border-bottom: 2px solid #2c3e50;
text-decoration: none;
width: 170px;
padding:10px 15px;
background: #2980b9;
color: #ffffff;
}

.menu .active a {
background: #1abc9c;
border-color: #2ecc71;
}

html:

<ul class="menu">
            <li><a href="#co">Курсы</a></li>
            <li class="active"><a href="#sh">Демонстрации</a></li>
            <li><a href="#pe">Участники</a></li>
            <li><a href="#ar">Достижения</a></li>
            <li><a href="#pr">Профиль</a></li>
        </ul>


#2

это не пишите.


#3

ok, margin: 14px 0 0 0;
чем это мне поможет?


#4

Вы не так поняли. Не обнуляйте margin, не пишите те две строки совсем.


#7

Дошла до этого испытания, тоже писала марджин сверху 14, а слева пришлось -40 сделать, иначе меню висит ближе к центру окна. Пользуюсь файерфоксом, браузер может так влиять?
Испытание прошла на 100%, но решила посмотреть в форуме как решали задачу другие.


#8

Не обнулили внутренние отступы у списка ul, поэтому слева отступ большой.


#9

.main-menu {
width:200px;
list-style:none;
padding:0px;
margin:0px;
background:none;
margin:14px 0px;
}

.main-menu a{
display:block;
padding:10px 15px;
color:#ffffff;
background:#2980b9;
border-bottom:2px solid #2c3e50;
text-decoration:none;

}
.main-menu .active a{
background: #1abc9c;
border-bottom:2px solid #2ecc71;
}

Здравствуйте, если я в .main-menu не указываю margin:14px; у меня список прилипает к верху страницы. Все ли правильно в коде либо есть другой вариант?


#10

В этой теме, куда вы добавили свое сообщение, уже есть ответ на ваш вопрос. Будьте внимательны.


#11

уточню вопрос: является ли хорошим тоном добавление margin к .main-menu или лучше в другом местепрописать?