Hallo,
ich habe hier ein Problem mit optionsplit, das ich bisher auch durch googlen und lesen im Forum nicht hinbekommen habe; daher erhoffe ich mir hier einen Denkanstoß ...
Das Ziel ist der senkrechte Strick "|" zwischen den mittleren der Navigationseinträgen der obersten Ebene. Das ganze ist ein horizontales TMENU mit folgendem TS:
navi {
1 = TMENU
1 {
wrap =<ul id="topnav">|</ul>
expAll = 1
noBlur = 1
NO = 1
NO {
10 = TEXT
10.text.field = title
10.fontSize = 13
10.FontColor = #505050
wrapItemAndSub=<li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub=<li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
ACT < .NO
ACT = 1
ACT {
linkWrap=<div id="nav_act">|</div>
}
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
}
Die Menüs klappen aus und ein wie sie sollen, die Einträge stehen in einer Reihe und es funktioniert soweit alles.
Das Problem: Setze ich in den IFSUB-Bereich sowas in der Art:
IFSUB.wrapItemAndSub=<li class="menuparent">| | |</li> |*| <li>| | </li> |*| <li>|</li>
ein, dann erscheinen zwar die Trennstriche, aber leider eine Zeile darunter; also nicht wie gewünscht zwischen den Einträgen.
Hier noch der relevante Teil des CSS:
#topnav,topnav ul {
width: 86em;
padding: 0;
font-size: 0.85em;
letter-spacing: 0.1em;
font-weight: bold;
list-style-type: none;
text-transform: uppercase;
float: left;
margin: 0px;
}
#topnav a {
display: block;
idth: 15em;
height: 25px;
}
#nav a.menuparent {
}
#topnav li {
float: left;
padding: 0;
width: 16em;
}
#nav_act a{
color: #ff1400;
}
#topnav li ul {
position: absolute;
left: -999em;
height: auto;
width: 16em;
margin: 0;
margin-left: -10px;
padding-top: 10px;
list-style-position: inside;
background-color: #ccc;
}
#topnav li li {
width: 14em;
}
#topnav li ul a {
width: 14em;
padding-left: 1em;
font-size: 0.85em;
}
#topnav li ul ul {
margin: 1.75em 0 0 14em;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
left: auto;
}
Kann mir jemand auf die richtige Spur helfen oder mir zumindest einen Tipp geben? Ich habe leider vor lauter "|" den Überblick verloren #angry#
Vielen Dank schon mal,
2bbionic