Hey,
bin eig. mit html/css/jquery ganz gut am weg, aber ich komm grad net weiter...
es geht um folgendes markup:
hab dazu einen hover-effekt mit jquery gebastelt, aber ich will sobald ich das li item mit der maus verlasse die sub-navigation wieder verschewinden lassen, aber das li item wächst nicht mit...
bin eig. mit html/css/jquery ganz gut am weg, aber ich komm grad net weiter...
es geht um folgendes markup:
hab dazu einen hover-effekt mit jquery gebastelt, aber ich will sobald ich das li item mit der maus verlasse die sub-navigation wieder verschewinden lassen, aber das li item wächst nicht mit...
.nav {
font-family: 'Julius Sans One', sans-serif;
background: #0000ff;
}
.nav ul {
position: relative;
display: inline-table;
list-style: none;
float: right;
margin-top: 25px;
}
.nav ul:after {
content: "";
clear: both;
display: block;
}
.nav ul li {
float: left;
}
.nav ul li a {
display: block;
text-decoration: none;
margin-left: 20px;
color: #fff;
font-size: 18px;
}
.nav ul li ul {
position: absolute;
top: 0%;
display:none;
z-index: 999;
background: #fff;
border-top: 4px solid #ff00ff;
padding: 10px;
}
.nav ul li ul:after {
clear:both;
}
.nav ul li ul li {
float: none;
position: relative;
}
.nav ul li ul li a {
color: #000;
}