Здравствуйте. Я только начинаю заниматься версткой так что сильно не ругайте меня)
При верстке сайта столкнулся с проблемой: устанавливаю в хедер я задний фон-картинку. вроде как все правильно и по инструкциям, в предварительном просмотре все показывает, но когда я открываю в любом браузере нету фона. Почему? Где я ошибся и чего я не знаю? если есть другие замечания то выслушаю всю критику. Верстать страницу я еще не закончил.
Ссылка на архив: https://1drv.ms/u/s!AhWdE7-1egF6gewP3_yzGx8cZS73Yg
<header class="page-header">
<img class="logo logo-left" src="" alt="Вигранд">
<nav class="main-menu">
<ul>
<li class="button"><a class="button-link" href="#catalog">Каталог</a></li>
<li class="button"><a class="button-link" href="#contacts">Контакты</a></li>
</ul>
</nav>
<img class="logo logo-right" src="" alt="Шубомания">
</header>
body .page-header {
position: relative;
background-image: url("/img/background-footer.jpg");
background-repeat: no-repeat;
height: 450px;
width: auto;
}
.page-header .logo-left {
position: absolute;
left: 50px;
top: 50%;
}
.page-header .logo-right {
position: absolute;
right: 50px;
top: 50%;
}
.page-header .main-menu{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 320px;
height: 60px;
}
.main-menu li{
display: inline-block;
list-style: none;
border-top: 2px solid white;
border-bottom: 2px solid white;
}
.main-menu a {
display:inline-block;
width: 120px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
font-size: 20px;
color: white;
}