Hallo,
ich habe hier eine horizontale Navigation mit Horizontaler Subnavigation...
Die Subnavigation soll erst auklappen und sichtbar bleiben, wenn man sich auf der darüberliegenden Seite (übergeordnenter Navipunkt) befindet.
Bis hier her klappts :-)
wenn ich jetzt aber auf den Unterpunkt gehe, wird die aktuelle Seite in der Navi nicht gehighlightet (hellgrün)
kann mit hier bitte jemand helfen? ich habe schon einiges probiert, und hab jetzt gar keinen Plan mehr was ich tun soll, weil ich den Überblick komplett verloren ab... :-(
vielen Dank schon mal
Typo3
10.marks.NAVIGATION = HMENU
10.marks.NAVIGATION {
special = directory
special.value = 1
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
#ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="menuparent_act">|</li>
ACT = 1
ACT.wrapItemAndSub = <li class="menuparent_act">|</li>
CUR.wrapItemAndSub = <li class="menuparent_act_highlight">|</li>
}
2 < .1
2.wrap = <ul id="nav">|</ul>
2.NO.wrapItemAndSub = <li>|</li>
2.IFSUB.wrapItemAndSub = <li class="menuparent_act">|</li>
2.ACTIFSUB.wrapItemAndSub = <li class="menuparent_act">|</li>
2.ACT.wrapItemAndSub = <li class="menuparent_act">|</li>
2.ACT = 1
2.CUR.wrapItemAndSub = <li class="menuparent_act_highlight">|</li>
3 < .2
4 < .2
}
CSS
#nav{
width:auto;
}
#nav, #nav ul {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
letter-spacing:1px;
list-style: none;
color: #188d31;
padding:0;
margin: 0;
}
#nav a {
font-weight:normal;
color: #188d31;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
letter-spacing:1px;
text-decoration: none;
padding: 4px 0px 0px 0px;
}
#nav li{
display:inline;
float: left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
letter-spacing:1px;
color: #188d31;
text-decoration:none;
height:26px;
margin-right:35px;
margin-top:60px;
padding: 4px 2px 0px 0px;
}
#nav li a:hover{
letter-spacing:1px;
color:#00fe36;
}
#nav li ul {
position: absolute;
left: -999em;
height: 22px;
width:auto;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
border: 0;
padding: 8px 0px 0px -4px;
}
#nav li li {
margin-top:0px;
display:inline;
float: left;
width: auto;
height:auto;
text-decoration:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
padding:10px 0 0 0 ;
color:#188d31;
margin-right:15px;
}
#nav li li:hover, #nav li li.sfhover{
color:#00fe36;
}
#nav li ul a {
width: 14em;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
color:#188d31;
}
#nav li ul ul {
margin: -1.75em 0 0 20px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
color:#00fe36;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
letter-spacing:1px;
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: -999em;
color:#00fe36
}
#nav li:hover, #nav li.sfhover {
color:#00fe36;
}
#nav li.menuparent_act{
color:#00fe36;
}
#nav li.menuparent_act2{
color:#00fe36;
}
#nav li.menuparent_act a{
color:#00fe36;
}
#nav li.menuparent_act ul a{
color:#188d31;
}
#nav li.menuparent_act2 ul a{
color:#00fe36;
}
#nav li.menuparent_act ul a:hover{
color:#00fe36;
}
#nav li.menuparent_act ul{
color:#00fe36;
left: auto;
}
#nav li ul ul{
margin: -20px 0px 0px 137px;
}
#menuparent_act_highlight{
color:#00fe36; }