вопрос
Вот CSS файл:
Вот HTML:
Я пытаюсь научиться верстать шаблоны для dle, при создании основной страницы наткнулся на непонятную вещь. Когда ставлю margin: 20px, auto; отступа нету, и никак не получается.. Что делать??
Вот CSS файл:
* {
margin: 0;
padding: 0;
}
body {
background: url("../images/bg.png") #d2d3d5;
font: 12px Arial, Tahoma, sans-serif;
}
a {
text-decoration: none;
}
#page_align {
background: url("../images/bg.png") #d2d3d5;
margin: 20px, auto;
}
#page_n {
height: 35px;
background-color: #222222
}
#page_n ul {
list-style: none;
}
#page_n ul li {
float: left;
line-height: 35px;
padding: 0px 20px;
}
#page_n ul li a {
display: block;
color: #b1adaa;
}
#page_n ul li a:hover{
background: rgba(192,192,192,.09)
}
/*
#head_b b {
margin-top: 33px;
margin-left: 173px;
font-size: 40px;
color: #464646;
float: left;
}
*/
#sidebar {
height: 50px;
background: #fff
}
#sidebar ul{
list-style: none;
}
#sidebar ul li {
float: left;
line-height: 50px;
padding: 0px 20px;
}
Вот HTML:
<!DOCTYPE html>
<html>
<title>ArmaFilm-окно в мир кино!</title>
<meta charset="windows1251">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="page_n">
<ul>
<li><a href="">Главная</a></li>
<li><a href="">Заказать фильм</a></li>
<li><a href="">Карта сайта</a></li>
<li><a href=""> Обратная связь</a></li>
</ul>
</div>
<div id="page_align">
<div id="sidebar">
<ul>
<li><a href="#">Все фильмы</a></li>
<li><a href="#">Мультфильмы</a></li>
<li><a href="#">Сериалы</a></li>
<li><a href="#">Скоро в прокате</a></li>
</ul>
</div>
</div>
<div id="slider">
</div>
<div id="sidebar">
</div>
<div id="content">
</div>
</html>
Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом.
http://htmlbook.ru/css/margin