Hallo Leute,
ich habe bei mir im Blog ein Lavalamp Menü eingebaut. Jedoch bekomme ich den Balken nicht zum stoppen.
Anbei der CSS komplette Code:
[CODE].menu { font-size:15px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; padding:0 8px; z-index:100; }
.menu ul { height:auto; padding:0; left:auto; border-bottom: 1px solid #D2BDDE; }
.menu li.zurueck { border-bottom: 3px solid #D2BDDE;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
padding-top:19px;
}
.menu #header-menu-home {
border:none;
}
.menu a, .menu a:visited {
color:#555;
display:block;
padding:0 15px;
line-height:48px;
position:relative;
top:2px;
text-shadow: 0 3px 3px #989898;
}
.menu a:hover {
text-decoration:none;top:1px;
}
.menu ul {
position:absolute;
top:51px;
left:0; display:none; opacity:0; width:222px; }
.menu ul a, .menu ul a:visited {
background:#fff;
line-height:140%;
padding:10px 30px 9px;
border:1px solid #ccc;
width: 150px;
margin:-1px 0 0 0; }
.menu ul a:hover, {
background:#f2f2f2;
color:#555; }
.menu ul ul {
margin: -34px 0 0 211px;
top:34px; }
.menu .current_page_item a, .menu .current_page_item a:visited, {
color:#555;
}
.menu .current_page_item a:hover, {
color:#555;
text-decoration:none;top:1px; }
.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover {
top:1px; }
[/CODE]
hat jemand eine Idee wie ich den Balken von .menu li.zurueck { border-bottom: 3px solid #D2BDDE;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
padding-top:19px;
}
stoppen kann, wenn der User auf den Menü Link klickt.
Grüße
dev82