Ich habe ein dringliches Problem mit meiner Navigation.
Obwohl ich nur mit Text arbeite und keine Grafiken über diesen Trick ausblende (50 px und -50px) flackert meine Navi wie doof. Kann mir jemand einen Denkanstoß geben, wo ich suchen muss, damit es klappt?
imagepresse.de
- Code: Alles auswählen
.nav,
.nav ul {padding:0; margin:0; list-style:none; position:relative; float:left; margin-right:-1000px;}
.nav {display:inline;}
.nav a {display:block; padding:0 10px 0 10px; line-height:25px; position:relative; color:#000; font-family:arial, sans-serif; font-size:13px; text-decoration:none; font-weight:bold;}
.nav a.level1-a {padding:0 10px 0 0; color:#fff;}
.nav a.level1-a b {display:block; height:25px; line-height:25px; padding:0 0 0 10px;}
.nav li.level1-li {float:left; margin-right:2px;}
.nav ul {margin-top:-50px; white-space:nowrap; float:left; width:0;}
.nav ul li {display:inline;}
.nav ul li a {display:inline-block;}
.nav a:hover {margin-top:50px; color:#ccc; outline:0;}
.nav a.level1-a:hover,
.nav li:hover a {
position:relative;
background-color:#999999;
padding:0 15px 0 15px;
line-height:25px;
cursor:pointer;
color:#fff;
border-top: 1px solid;
border-top-color:#333333;
border-bottom: 1px solid;
border-bottom-color: #333333;
}
.navHolder {position:relative; width:850px; height:50px; overflow:hidden; background:url(images/back.gif); background-repeat: repeat-x; z-index:100; backgroundcolor: #fff;}
Besten Dank an alle
