Ich verzweifel grad so ein bisschen an meinem linken Seitenmenü.
Ich brauche tierisch viele unterebenen. 3 waren von haus aus im standardtemplate drin. ich brauche nun 1-2 mehr.
dazu hab ich einfach ebene 3 kopiert und alle zahlen auf 4 umgemünzt. zusätzlich hab ich die css angepasst. preoblem ist nur...die css greifen nicht.
ich hab ne hässliche aufzählungsliste. mit extra großem abstand und alle aktivierten links sind fett und rot...ich hab die css dateri schon so angepasst dass das nicht mehr sein sollte, aber keine reaktion...
das einzige was hilft ist wenn ich das menü einfach mit 4 > 3. erstelle. aber dann können die stylesheets ja auch nciht greifen da die aus der ebene 3 wirken. dadurch ist dann zwar die liste weg aber fett und rot ist noch immer alles. obwohl das auch in den css für ebene 3 entfernt wurde.
hab ich irgend einen schritt übergangen. muss mehr geändert werden als im template setup und den ressourcen (master_style_03.css)?
Ich bitte euch dringendst um hilfe! ich kriege hier die kriese weil das komplette menü einfach nur noch kolossal entstellt und zerpflückt ist ^^
Etwas vom vorhandenen Typoscript und CSS wäre hilfreich.
Wo du recht hast... ^^
TS:
page.10.marks.MENU_LEFT = HMENU
page.10.marks.MENU_LEFT {
entryLevel = 1
1 = TMENU
1 {
NO = 1
ACT = 1
noBlur = 1
wrap = <ul>|</ul>
expAll = 0
NO {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu1_0">|</li>
}
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="menu1_1">|
ACT {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu1_1">|</li>
}
CUR < .ACT
CUR.doNotLinkIt = 1
}
2 = TMENU
2 {
NO = 1
ACT = 1
noBlur = 1
wrap = <ul>|</ul>
expAll = 0
NO {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu2_0">|</li>
}
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="menu2_1">|
ACT {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu2_1">|</li>
}
CUR < .ACT
CUR.doNotLinkIt = 1
}
3 = TMENU
3 {
NO = 1
ACT = 1
noBlur = 1
wrap = <ul>|</ul>
expAll = 0
NO {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu3_0">|</li>
}
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="menu3_1">|
ACT {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu3_1">|</li>
}
CUR < .ACT
CUR.doNotLinkIt = 1
}
4 = TMENU
4 {
NO = 1
ACT = 1
noBlur = 1
wrap = <ul>|</ul>
expAll = 0
NO {
ATagTitle.field = abstract // title
wrapItemAndSub = <li class="menu4_0">|</li>
}
ACT {
ATagTitle.field = abstract
wrapItemAndSub = <li class="menu4_1">|</li>
}
CUR < .ACT
CUR.doNotLinkIt = 1
}
}
.menu0_0 A:LINK, .menu0_0 A:VISITED { color: #435FA0; text-decoration: none; background: white }
.menu0_0 A:ACTIVE, .menu0_0 A:HOVER { color: #c60b27; text-decoration: none; background: white }
.menu0_1 A:LINK, .menu0_1 A:VISITED, .menu0_1 A:ACTIVE, .menu0_1 A:HOVER { color: #c60b27; text-decoration: none; background: white }
.menu_left { background: white; color: #ffffff; text-align: left; vertical-align: top; position: absolute; top: 100px; left: 0px; width: 118px; max-width: 118px }
.menu_left ul { margin: 0px 0px 0px 10px; color: #c60b27 }
.menu_left ul ul { margin: 0}
.menu_left ul ul { margin: 0; font-size: 130% }
.menu_left ul ul ul { margin: 0; font-size: 150% }
.menu_left ul ul ul ul { font-size: 170% }
.menu_list { color: #ffffff; background: #435FA0 url(side_botcurve.jpg) no-repeat bottom right; margin: 0px; height: 336px; min-height: 336px }
.menu_left_top { color: #ffffff; background: #435FA0 url(side_topcurve.jpg) no-repeat top right; border-bottom: 1px solid #435FA0; width: 118px; height: 14px }
.menu1_0 { margin: 0 2px 10px -40px; list-style-type: none }
.menu1_0 A:LINK, .menu1_0 A:VISITED { color: #FFFFFF; text-decoration: none; background: #435FA0; display: block }
.menu1_0 A:ACTIVE, .menu1_0 A:HOVER { color: #c60b27; text-decoration: none; background: #435FA0; display: block }
.menu1_1 { margin: 0 2px 10px -40px; list-style-type: none; font-weight: bold }
.menu1_1 A:LINK, .menu1_1 A:VISITED, .menu1_1 A:ACTIVE, .menu1_1 A:HOVER { color : #c60b27; font-weight: normal; text-decoration : none; background: #435FA0; display: block }
.menu2_0 { margin: 5px 0 0 -35px; list-style-type: none }
.menu2_0 A:LINK, .menu2_0 A:VISITED { color: #FFFFFF; text-decoration: none; font-weight: normal; background: #435FA0; display: block }
.menu2_0 A:ACTIVE, .menu2_0 A:HOVER { color: #c60b27; text-decoration: none; font-weight: normal; background: #435FA0; display: block }
.menu2_1 { margin: 5px 0 0 -35px; list-style-type: none }
.menu2_1 A:LINK, .menu2_1 A:VISITED, .menu2_1 A:ACTIVE, .menu2_1 A:HOVER { color : #c60b27; font-weight: normal; text-decoration : none; background: #435FA0; display: block }
.menu3_0 { margin: 5px 0 0 -30px; list-style-type: none }
.menu3_0 A:LINK, .menu3_0 A:VISITED { color: #FFFFFF; text-decoration: none; font-weight: normal; background: #435FA0; display: block }
.menu3_0 A:ACTIVE, .menu3_0 A:HOVER { color: #c60b27; text-decoration: none; font-weight: normal; background: #435FA0; display: block }
.menu3_1 { margin: 5px 0 0 -30px; list-style-type: none }
.menu3_1 A:LINK, .menu3_1 A:VISITED, .menu3_1 A:ACTIVE, .menu3_1 A:HOVER { color : #c60b27; font-weight: normal; text-decoration : none; background: #435FA0; display: block }
.menu4_0 { margin: 5px 0 0 -30px; list-style-type: none }
.menu4_0 A:LINK, .menu4_0 A:VISITED { color: #FFFFFF; text-decoration: none; font-weight: normal; background: #435FA0; display: block }
.menu4_0 A:ACTIVE, .menu4_0 A:HOVER { color: #c60b27; text-decoration: none; font-weight: normal; background: #435FA0; display: block }
.menu4_1 { margin: 5px 0 0 -30px; list-style-type: none }
.menu4_1 A:LINK, .menu4_1 A:VISITED, .menu4_1 A:ACTIVE, .menu4_1 A:HOVER { color : #c60b27; font-weight: normal; text-decoration : none; background: #435FA0; display: block }
Das sollte so ziemlich alles sein was nötig ist und auch alles was ich angepasst und beachtet hab, wenn noch irgendwas fehlt ist der fehler shcon gefunden ^^
Was mir aufgefallen ist:
- CUR = 1 fehlt in jeder Ebene. (Doch es scheint trotzdem zu funktionieren. Das finde ich interessant. 🙂 )
- Bei ACTIFSUB.wrapItemAndSub fehlt </li>. Das ist zwar nicht so tragisch, aber eventuell könnte das der Knackpunkt sein. Denn dadurch nur das Menüelement in dem Listenpunkt, nicht aber das zugehörige Untermenü.
<!-- Das würde für ACTIFSUB generiert werden: -->
<li>Menüpunkt
<ul> Untermenü </ul>
<!-- Das entspräche diesem: -->
<li>Menüpunkt</li>
<ul> Untermenü </ul>
<!-- Besser wäre: -->
<li>Menüpunkt
<ul> Untermenü </ul>
</li>
- In der vierten Menüebene ist der aktive Punkt fett, weil er "font-weight: bold;" von li.menu1_1 erbt. Falls ich nichts übersehen habe, gilt "font-weight: normal;" nur für die a-Tags innerhalb der Liste und nicht für einfachen Text.
Ich hoffe, das hilft dir ein wenig.