CSS jquery menu Problem?

[dev82]

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:

.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

.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

 

[mermshaus]

Ich glaube, darunter kann sich niemand etwas vorstellen. Kannst du die Seite verlinken?

 

[dev82]

Hallo,

die URL lautet: test | Ein weiterer WordPress-Blog

 

[mermshaus]

Du möchtest, dass der Balken unter dem jeweils aktiven Menüeintrag steht und sich nicht mehr bewegt, wenn du einen ausgewählt hast?

Dazu müsstest du server- oder theoretisch auch clientseitig entsprechende Logik bei der Generierung der Seite hinzufügen. Grob:

Wenn <Menüeintrag ausgewählt>
    dann <Eintrag entsprechend formatieren> und <jQuery-Effekt deaktivieren>

Genaueres lässt sich pauschal nicht sagen.