Soldato
- Joined
- 5 Feb 2006
- Posts
- 3,524
afternoon all.
so, im trying to create a drop down menu : http://imgur.com/a/0xPyt the top is what i would like it to look like, the bottom is where ive got so far. I haven't managed to do this all on my own, im not that smart. instead of tried to bodge together some tutorials / examples.
here be my code :
What am i doing wrong ??

so, im trying to create a drop down menu : http://imgur.com/a/0xPyt the top is what i would like it to look like, the bottom is where ive got so far. I haven't managed to do this all on my own, im not that smart. instead of tried to bodge together some tutorials / examples.
here be my code :
Code:
#nav {
z-index:5;
position:relative;
margin-left:20px;
}
#nav li {
float: left;
list-style: none;
display: block;
padding: 5px 40px;
margin-right: 10px;
background: #000;
color: #FFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-top:13px;
position:relative;
}
#nav li li {
padding:0px 0px;
margin-top:0px;
border-bottom:dashed #FFFFFF thin;
width:auto;
}
#nav a{
display:block;
padding:5px;
color:#fff;
background:#000; /* --- CHANGE COLOUr hERE */
text-decoration:none;
}
#nav a:hover{
color:#fff;
background:#000;
text-decoration:underline;
}
#nav ul{
background:#fff;
background:rgba(255,255,255,0);
list-style:none;
position:absolute;
left:-9999px;
}
#nav ul li {
float:none;
}
#nav ul a {
white-space:nowrap;
}
#nav li:hover ul {
left:0;
}
#nav li:hover a {
text-decoration:underline;
background:#000;
}
#nav li:hover ul a {
text-decoration:none;
}
#nav li:hover ul li a:hover {
background:#000;
text-decoration:underline;
}
What am i doing wrong ??


