Ich habe ein horizontales Menu, bei dem der aktive Menupunkt immer an erster Stelle stehen soll. Da ich mit Typo keine Moeglichkeit gefunden habe, das eleganter zu loesen, habe ich mir mit CSS geholfen.
Und zwar sieht das ganze so aus (meine Frage dazu folgt darunter):
MENU_2 = HMENU
MENU_2 {
entryLevel = 1
1 = GMENU
1.wrap = <div class="secondMenu" style="margin:210px; background-color:{$secondMenuBgColor};">|</div>
1.NO = 1
1.NO.XY = [5.w]+32,22
1.NO.backColor = {$secondMenuBgColor}
1.NO.5 = TEXT
1.NO.5 {
text.field = title
text.case = upper
fontFile = fileadmin/templates/fonts/interstate.ttf
fontColor = white
fontSize = 8
niceText = 1
offset = 16, 16
}
1.NO.10 = IMAGE
1.NO.10.file = GIFBUILDER
1.NO.10.file {
XY = 1, 12
backColor = white
}
1.NO.10.offset = 0, 10
1.ACT < .1.NO
1.ACT.wrap = <div style="position:absolute; left:0px;"> | </div>
1.ACT.backColor = white
1.ACT.5.fontColor = {$secondMenuBgColor}
1.ACT.5.fontFile = fileadmin/templates/fonts/interstate-bold.ttf
1.ACT.5.fontSize = 9
1.ACT.5.offset = 16, 20
1.ACT.15 = IMAGE
1.ACT.15.file = GIFBUILDER
1.ACT.15.file {
XY = [5.w], 5
backColor = {$secondMenuBgColor}
}
1.RO < .1.NO
}
Nun habe ich aber das Problem, dass ich nicht weiss, wie breit der aktive Menupunkt ist. Irgendwoher muss ich doch wissen, ab wieviel Pixel vom linken Rand aus ich das Menu (also nach dem ersten Menupunkt, der ein eigenes DIV ist) anfangen kann. Im Moment stehen da pauschal 210px drin, aber es gibt Menupunkte, die sind nur ein Bruchteil so gross, dann entsteht ne riesen Luecke. Habt ihr eine Idee, wie ich das besser hinbekomme?
Davon unabhaengig habe ich via GIFBUILDER einen Kasten gezeichnet, der ebenfalls die Breite von dem entsprechenden Menupunkt annehmen soll. Leider funktioniert [5.w] an der Stelle aber gar nicht. Sieht jemand, was ich falsch mache? Ich habe schon so viel herumprobiert und gelesen, aber ich komme nicht drauf.