Итак, нижний колонтитул не отображается на моей домашней странице, но отображается на другой странице, когда я делаю то же самое, что я делаю не так?
<link rel ="stylesheet" href= "css/home.css" type ="text/css" >
<div class="topnav" id ="myNavBar">
<a href="/package">Meal Package</a>
<a href="/registration">Sign Up</a>
<a href="/login">Login</a>
</div>
<!-- Full-width images with number and caption text -->
<div class="homebanner">
</div>
<!-- FOOTER -- >
<div class="footer">
<h1>Follow us for the latest deals</h1>
<br><p>instagram : https://www.instagram.com/aCompany/ <br>
https://twitter.com/aCompany
</p>
</div>
мой css лист. Кроме того, при расширении окна изображение .homebanner увеличивается, как мне сделать так, чтобы оно проходило через все окно без увеличения?
@charset "UTF-8";
.topnav {
background-color: rgb(11, 10, 61);
overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
color: #f7f3f3;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover
{
background-color: #ddd;
color: black;
}
/* home banner */
.homebanner
{
width: 100%;
height:300px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(/images/home/Capture.PNG);
}
.footer {
width: 100%;
height:150px;
background-color: rgb(32, 32, 65);
color: white;
text-align: center;
}