hello everyone i just have started creating a new website and i have a problem i have a gap between the banner and the nav and i have been looking all over the net and couldn't find a solution
here is a ss :
http://prntscr.com/7w4t80
and the css :
@CHARSET "ISO-8859-1";
html {
width: 1216px;
margin: auto;
font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
background-color: #fff7d8;
}
header{
text-align: center;
}
body {
font-family: "SourceSansPro Regular",sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1em;
}
#menu {
text-align: center;
background-color: #5f92cd;
padding: 2px 4px 2px 4px;
color: #180457;
}
nav ul, ul {
list-style-type: none;
}
nav li, li {
display: inline-block;
list-style-type: none;
}
nav a {
text-decoration: none;
font-size: 1.2em;
padding: 0px 10px 0px 10px;
font-size: 1.2em;
}
nav a:hover {
background-color: white;
}
header a {
text-decoration: none;
}