HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>11</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="content">
<div id="header">
</div>
<div id="navmenu">
<ul>
<li><a href="#">Products</a>
<ul>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
</ul></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Products</a></li>
</ul>
</div>
<div id="body">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
body {
margin: 0;
background #999;
}
p {
margin: 0;
}
body {
background: #999;
}
#content {
margin-top: 0;
margin-left: 200px;
margin-right: 200px;
width: 950px;
height: 642px;
background: #fff;
}
#header {
margin: 0;
background: #000;
width: 950px;
height: 135px;
}
#navmenu {
margin: 0;
height: 30px;
width: 950px;
background: linear-gradient(#000, #999);
}
#navmenu ul {
margin-left: 45px;
margin-top: 0;
padding: 0;
list-style: none;
}
#navmenu li {
margin: 0;
padding: 0;
float: left;
background: linear-gradient(#000, #999);
}
#navmenu ul li a {
font-family: Arial;
display: block;
text-decoration: none;
font-size: 14;
width: 96px;
padding: 5px;
text-align: center;
color: #fff;
}
#navmenu ul ul li{
float: none;
background: #999;
}
#navmenu ul ul {
margin: 0;
position: absolute;
visibility: hidden;
background: #999;
}
#navmenu li:hover {
text-decoration: underline;
}
#navmenu ul li:hover ul {
visibility: visible;
}Want ik wil dat mijn navigation menu zich aansluit op mijn header, hoe doe ik dat?
Laatst bewerkt door een moderator:
