dev82
Neues Mitglied
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:
hat jemand eine Idee wie ich den Balken von
stoppen kann, wenn der User auf den Menü Link klickt.
Grüße
dev82
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; }
hat jemand eine Idee wie ich den Balken von
Code:
.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