hey there, i have been trying to create a drop down menu in the navigation bar but i am having no luck at at.I have tried following tutorials but all end up the same where (not the way i want it to be).I would appreciate it if someone could take a look at my code and see where i have gone wrong.
CSS:
.nav {
height: 38px;
background: #47A32F;
opacity: .8;
}
.nav ul {
list-style: none;
padding: 0;
width:500px;
margin: auto;
text-align: center;
}
.nav ul li {
list-style: none;
}
.nav ul li a {
color: #000;
text-decoration: none;
float: left;
display: block;
padding: 10px 20px;
}
.nav ul a:hover {
}
.nav ul li a:hover {
background-color: #53DE31;
color: ;
opacity: .5;
}
Thank you soo much.Just to confirm was it my css which was wrong and not my html just so i know in the future i know what i should be looking at.Thanks again.