Zum Inhalt springen

2te Menü Ebene soll activzusatnd aus CSS haben

Erstellt am 15. Juli 2008 · 2 Antworten · letzte Antwort am 15. Juli 2008

Tags: HTML & CSS, Frage

Valefor ·

HuHu Leute.

Erweiter grad mein 3 Ebenen Menü, welches ich mit Hilfe des Forums 😉 erstallt habe.

Nun möchte ich aba noch eine Sache ändern.
Ich hab einen Hover effekt, Links neben dem Menü immer ein Stern.

Nun möchte ich aber, das der Stern stehen bleibt wenn ich mich in dem 2ten Menü befinde.

Hier einma das TS

lib {
        navileft = HMENU
        navileft {
        	1 = GMENU
                1 {
                        wrap = <ul>|</ul>
                        NO = 1
                        NO {
	                        wrap = <li class="li-img">|</li>
	                        #XY = 170,20
	                        XY = 170,20+[5.h]*120/100

                                backColor=#D4C6A1
                                20 = TEXT
                                20 {
                                        text.field = title
                                        text.case = upper
                                        fontColor = #ffffff
                                        fontFile = fileadmin/templates/fonts/lte50879.ttf
                                        fontSize = 18
                                        align = left
                                        offset = 5,17
                                        niceText = 0
                                        shadow {
                                                offset=1,1
                                                color=#98874C
                                        }
                                }
                        }
                        ACT < .NO
                        ACT{
                        	wrap = <li class="activ1">|
                        }	
                       
                        
                        

                }
                
                2 = TMENU
                2 {
                	expAll = 0
                        wrap = <ul>|</ul></li>
                        NO = 1
                        NO {
                                wrapItemAndSub = <li>|</li>
                        }
                        ACT < .NO
                        ACT {
                                wrapItemAndSub = <li>|</li>
                                ATagParams = class="activ2"
                        }
                }
                3 < .2
                3 {
                	wrap = <ul>|</ul>
                	ACT {
                		ATagParams = class="activ3"
                	}
                }
        }
}

Die Class="acitv1" beinhaltet den Stern.

ist auch in der CSS drin

#col-left ul li a:hover, #col-left ul li a.activ1 {
background: transparent url(img/star.gif) no-repeat scroll 3px 0px;

Nun passiert da aber nix, kann mir vielleich wer nenn tip geben.
Denke das Problem is ganz einfach., aber ich überseh da wohl was.

MFG

Unbekannter Benutzer ·

So wie nich das sehe kommt der Stern ja nicht aus dem li, sondern aus dem a.
Du wrapst das ACT aber mit li class="activ1"
Außerdem hast du in der ersten Ebene gar kein ATagParams vergeben. Ich weiß auch nicht ob ATagParams da überhaupt funktioniert. Ist aber auch völlig egal. Du hast ja im ACT eine Class für li vergeben.

Dann müsste in deinem CSS wahrscheinlich sowas stehen. li.activ a { }

Valefor ·

Der CSS Code in dem ersten Post ist die einzige stelle, wo die Grafik vorkommt.

aber ich hab grad ma eben eingebunden:

#col-left ul li.activ a{
  padding: 0px 10px 0px 25px;
  display: block;
  text-decoration: none;
  background: url('img/star.gif') no-repeat 3px 0px;
}

dann haben aber alle folgen den untermenüs auch eine grafik.

irgendwie hab ich da smit dem ganzen TS und CSS ansprechen noch immer nicht ganz verstanden.

wo muss ich das mit dem CSS nu genau im TS einbinden?

MFG

#### EDIT ####

K nun hab ich es so das der stern da auftaucht. aber er setzt auch noch den hover dazu. sprich da ist die grafik, beim maus rüberfahren kommt dann nochma die grafik und alles ist verscgoben.

#### EDIT2 ####

OK ich hab es hinbekommen.

so musste es sein

                        ACT < .NO
                        ACT{
                        	wrap = <li class="activ">|
                        }
#col-left ul li.activ{
  display: block;
  text-decoration: none;
  background: url('img/star.gif') no-repeat 3px 0px;
}