Hello people does somebody know how I can put a nav menu at the left side with the width 25% and height 100% of the div.
My html code :
[code]<!DOCTYPE html>
<html>
<head>
<title>Controlmydestiny.com</title>
<div class=”header”>
<div class=”category”>
</div>
<nav class=”navigation”>
<a href=”#” class=”navbar-logo”>Logo</a>
<div class=”navbar-right”>
<a href=”#”>About</a>
<a href=”#”>Blog</a>
<a href=”#”>Contact</a>
</div>
</nav>
<div class=”video-container”>
<video autoplay loop muted id=”video-bg”>
<source src=”http://bigcom.com/assets/2014/08/iChooseB.mp4″ type=”video/mp4″>
</video>
</div>
</div>
<link rel=”stylesheet” type=”text/css” href=”styles.css”>
</head>
<body>
</body>
And CSS:
[code].navigation{
padding-top:30px;
padding-bottom:30px;
position:absolute;
top:0;
width:100%;
z-index:1;
}
.navbar-right{
float:right;
padding-right:10%;
}
.navbar-right a{
text-decoration:none;
padding:10px;
color: #fff;
font-family:Arial;
font-weight:900;
}
.navbar-right a:hover{
text-decoration:underline;
}
.navbar-logo{
padding-left:10%;
font-family:Arial;
font-size:30px;
font-weight:bold;
text-decoration:none;
color:#fff;
}
.video-container {
z-index: -100;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
#video-bg{
width:100%;
}