Categories
Ask Development History Programming & Design

[ Programming & Design ] Open Question : Coding Issue/Drop Down Nav (s.o.s)?

HTML

CSS

nav ul {
list-style-type: none;
margin-left: 100px;
}

nav ul li {
float: right;
padding-left: 15px;
position: relative;
}

nav ul li a:link, nav ul li a:visited, nav ul li a:active
{
color: #fff;
text-decoration: none;
font-family: Gotham, “Helvetica Neue”, Helvetica, Arial, “sans-serif”;
padding: 2px;
font-size: 14px;
}

nav ul li a:hover {
color: red;
}

.isactive {
text-decoration: none;
font-family: Gotham, “Helvetica Neue”, Helvetica, Arial, “sans-serif”;
padding: 2px;
color: red;
}

nav ul li ul {
display: none;
position: absolute;
background-color: black;
padding: 10px;
border-radius: 2px;
}

nav ul li:hover ul {
display: block;
float: left;
}

nav ul li ul li {
width: 90px;
word-spacing: normal;
text-align: left;
padding-left: 0px;
border-radius: 0px 0px 2px 2px;
}

nav ul li ul li a {
padding: 12px 14px;
}

nav ul li ul li a:hover {
background-color: dimgray;
}

Leave an answer

Your email address will not be published. Required fields are marked *