ingli
11.Октябрь.2016 10:07:22
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>
ingli
11.Октябрь.2016 10:17:18
3
ok, margin: 14px 0 0 0;
чем это мне поможет?
Ineska
11.Октябрь.2016 11:23:09
4
Вы не так поняли. Не обнуляйте margin, не пишите те две строки совсем.
Valya
30.Октябрь.2016 20:55:45
7
Дошла до этого испытания, тоже писала марджин сверху 14, а слева пришлось -40 сделать, иначе меню висит ближе к центру окна. Пользуюсь файерфоксом, браузер может так влиять?
Испытание прошла на 100%, но решила посмотреть в форуме как решали задачу другие.
Ineska
31.Октябрь.2016 05:51:17
8
Не обнулили внутренние отступы у списка ul, поэтому слева отступ большой.
.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; у меня список прилипает к верху страницы. Все ли правильно в коде либо есть другой вариант?
Ineska
27.Декабрь.2016 05:09:28
10
В этой теме, куда вы добавили свое сообщение, уже есть ответ на ваш вопрос. Будьте внимательны.
уточню вопрос: является ли хорошим тоном добавление margin к .main-menu или лучше в другом местепрописать?