Web Development·12,097 discussions

How to put a menu at the leftside of div with a video background.

Tags: Web development

Hello I would like to have a nav menu in the left side of my of 25% with and 100% height.

This my HTML:

Logo

About
Blog
Contact

This is my CSS:

.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%;

}

Topic