Hallo zusammen,
ich weiß dieses Problem wurde schon zig mal gestellt und trotzdem komme ich grad zu keiner Lösung.
Regt mich selber etwas auf und ich hoffe ich verstehe es diesmal endgültig.
Bsp: http://schrack-partner.diekavallerie.de.www68.your-server.de/projekte-und-beratung/
Es ist ein einfaches Listenmenü mit 2. Ebenen.
Die Listenpunkt Formatierung der 1. Ebene soll halt immer stehen bleiben, so wie ich es auch schon erfolgreich geschafft habe durch die Klasse .cur.
Es funktioniert aber nur bei der jeweils aktiven, also hier z.B. bei "Projekte und Beratung".
Mir ist nich ganz klar welchen Zustand das Element der 1. Ebene hat bzw bekommen muss durch TYPO3 damit es die Formatierung behält.
Danke euch schon mal!
Mein TS:
temp.menu = HMENU
temp.menu {
special = list
special.value = 33, 3, 4, 5, 41, 15, 18
### Erste Ebene ###
1 = TMENU
1 {
wrap = <ul class="menu">|</ul>
expAll = 1
#NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)">|</li>
#NO.wrapItemAndSub = <li class="normal">|</li>
NO.wrapItemAndSub = <li>|</li>
CUR < .NO
CUR = 1
CUR.ATagParams = class="cur"
ACT < .CUR
ACT = 1
ACT.ATagParams = class="act"
}
### Zweite Ebene ###
2 = TMENU
2 {
#wrap = <ul class="menu2" onmouseover="show(this)" onmouseout="hide(this)">|</ul>
wrap = <ul class="menu2">|</ul>
NO.allWrap = <li>|</li>
}
}
page.10.subparts.menu_top < temp.menu
Mein CSS
ul.menu, ul.menu ul {
list-style-type: none;
z-index: 30;
}
ul.menu a {
display: block;
//padding: 3px 15px 3px 3px;
//padding: 10px 24px 10px 10px;
font-weight:normal;
color: #3E3D3F;
padding: 10px;
}
ul.menu a:hover {
background-color: #fff;
}
ul.menu ul a {
//padding: 0 5px 3px;
color: #fff;
}
ul.menu li {
//border-right: 1px solid #3E3D3F;
float: left;
margin: 0;
padding: 0;
}
ul.menu li a {
//padding: 10px;
}
ul.menu li a:hover {
background-color: #0061A4;
color: #fff;
}
ul.menu li a:current {background-color: #0061A4;}
#nav_top .act {
background-color: #0061A4;
color: #fff;
}
#nav_top ul li .active {
background-color: #0061A4;
color: #fff;
}
#nav_top .cur {
background-color: #0061A4;
color: #fff;
}
ul.menu ul li a {
padding: 3px 10px;
}
ul.menu ul li a:hover {
background-color: #fff;
color: #0061A4;
}
ul.menu ul {
background-color: #0061A4;
display: none;
margin-left: 0;
min-width: 180px;
padding: 0;
position: absolute;
}