Hallo, ich habe ein Problem mit "hideMenuWhenNotOver ". Wenn ich beim Submenü einen Link wähle klappt das Menü ein. Wird kein Link gewählt, dann bleibt es stehen, ausser ich berühre mit der Maus die erste Ebene.
Gibt es vieleicht in der Runde einen Tipp?
Ich verwende Typo3 4.2.1. Mit der Extension "Body onEvents Javascript" habe ich auch nichts erreicht.
Typoscript-Code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58:
| temp.menu = HMENU temp.menu.1 = TMENU_LAYERS temp.menu.1 { layerStyle = position:absolute;VISIBILITY:hidden; lockPosition = x relativeToParentLayer=1 relativeToTriggerItem=1 hideMenuWhenNotOver= 80 hideMenuTimer= 60 topOffset=0 leftOffset=150 expAll=1 wrap = <div id="all_nav1">|</div> NO.allWrap = <div class="nav1"> | </div> ACT = 1 ACT.allWrap = <div class="nav1_act"> | </div> } temp.menu.2 = TMENU_LAYERS temp.menu.2 { layerStyle = position:absolute;VISIBILITY:hidden; lockPosition = x relativeToParentLayer=1 relativeToTriggerItem=1 hideMenuWhenNotOver= 80 hideMenuTimer= 60 topOffset=0 leftOffset=145 expAll=1 wrap = <div id="all_nav2">|</div> NO.allWrap = <div class="nav2"> | </div> ACT = 1 ACT.allWrap = <div class="nav2_act"> | </div> } temp.menu.3 = TMENU_LAYERS temp.menu.3 { layerStyle = position:absolute;VISIBILITY:hidden; lockPosition = x relativeToParentLayer=1 relativeToTriggerItem=1 hideMenuWhenNotOver= 80 hideMenuTimer= 60 topOffset=0 leftOffset=145 expAll=1 wrap = <div id="all_nav3">|</div> NO.allWrap = <div class="nav3"> | </div> ACT = 1 ACT.allWrap = <div class="nav3_act"> | </div> } |
Code:
#all_nav1,#all_nav2,#all_nav3 {
list-style-type: none;
margin:0px;
padding:0px;
}
/* Beginn nav1 */
.nav1 {
display: block;
line-height:25px;
color: #FFFFFF;
font-size: 0.82em; top: -50%;
letter-spacing: 0.02em;
text-transform: uppercase;
text-indent: 8px;
text-decoration: none;
background: #3080bd;
width:140px; height:25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-bottom: 8px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.nav1 a {
display: block;
line-height:25px;
color: #FFFFFF;
text-decoration: none;
background: #3080bd;
}
.nav1 a:hover {
display: block;
line-height:25px;
color: #FFFFFF;
text-decoration: none;
background: #5799c9;
}
.nav1_act {
display: block;
line-height:25px;
color: #FFFFFF;
font-size: 0.82em;
top: -50%;
letter-spacing: 0.02em;
text-transform: uppercase;
text-indent: 8px;
text-decoration: none;
background: #5799c9;
width:140px;
height:25px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-bottom: 8px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.nav1_act a,.nav1_act a:visited {
display: block;
line-height:25px;
color: #FFFFFF;
text-decoration: none;
background: #5799c9;
}
.nav1_act a:hover {
display: block;
line-height:25px;
color: #FFFFFF;
text-decoration: none;
background: #5799c9;
}
usw. für nav2 und nav3
Danke im voraus.
Renau