Hallo,
ich versuche mich gerade darin, ein horizontales Menü zu erstellen, bei dem die Hauptmenüpunkte horizontal, und die dazugehörigen Unterpunkte vertikal (und dauerhaft) angezeigt werden.
So soll es aussehen:
Bild: tv-mitwitz.de/link_schema.jpg
Und das ist mein bisheriges TS:
HAUPTMENU = HMENU
HAUPTMENU {
special = directory
special.value = 1
# erstes level
1 = TMENU
1.target = _top
1.noBlur = 1
1.wrap = <ul id="navlist">|</ul>
1.expAll = 1
1{
NO = 1
NO {
wrapItemAndSub = <li class="main">|</li>
ATagTitle.field = title // nav_title
allStdWrap.insertData = 1
}
ACT = 1
ACT {
wrapItemAndSub = <li class="mainactive">|</li>
ATagTitle.field = title // nav_title
allStdWrap.insertData = 1
}
}
# zweites level
2 = TMENU
2.expAll = 2
2.noBlur = 1
2{
NO = 1
NO {
wrapItemAndSub = <li class="sub">|</li>
ATagTitle.field = title // nav_title
allStdWrap.insertData = 1
}
ACT = 1
ACT {
wrapItemAndSub = <li class="subactive">|</li>
ATagTitle.field = title // nav_title
allStdWrap.insertData = 1
}
}
}
Ich bekomme es nur soweit hin, das die horizontalen Menüpunkte angezeigt werden, und die vertikalen nicht.
Jetzt bin ich ein kleines Stück weiter und habe mir das zunächst mal in HTML zusammengebaut.
So soll die Navigation aussehen:
<ul id="navliste">
<li class="main"><a href="index.php?id=2">LINK 1</a></li>
<li class="sub"><a href="index.php?id=8">Link 1.1</a></li>
<li class="sub"><a href="index.php?id=9">Link 1.2</a></li>
</ul>
<ul id="navliste">
<li class="main"><a href="index.php?id=3">Link 2</a></li>
<li class="sub"><a href="index.php?id=10">Link 2.1</a></li>
<li class="sub"><a href="index.php?id=11">Link 2.2</a></li>
<li class="sub"><a href="index.php?id=12">Link 2.3</a></li>
<li class="sub"><a href="index.php?id=13">Link 2.4</a></li>
</ul>
<ul id="navliste">
<li class="main"><a href="index.php?id=4">Link 3</a></li>
</ul>
Und das ist mein zugehöriges TS:
HAUPTMENU = HMENU
HAUPTMENU {
special = directory
special.value = 1
wrap = <ul id="navliste">|</ul>
1 = TMENU
1 {
noBlur = 1
expAll = 1
NO = 1
NO {
linkWrap = <li class="main">|</li>
}
ACT = 1
ACT {
linkWrap = <li class="current_line">|</li>
}
ACTIFSUB = 1
ACTIFSUB {
wrapItemAndSub = <li class="main">|</li>
}
}
2 = TMENU
2 {
noBlur = 1
wrap = <li class="sub">|</li>
NO = 1
NO {
linkWrap = <li class="sub">|</li>
}
ACT = 1
ACT {
linkWrap = <li class="current">|</li>
}
}
}
Die obige HTML-Sache wird mir so wie ich es möchte, nebeneinander angezeigt, die Ausgabe über TS zeigt es mir aber noch untereinander.
Kann mir da jemand helfen?
Vielen Dank!
Wie sieht denn die HTML-Ausgabe der Navigation aus, wenn TYPO3 die ausgibt?
Ich vermisste zum Beispiel die Klasse "navliste".
---
Edit: Die Klasse habe ich gefunden, die Ausgabe Deines TS-Codes möchte ich trotzdem mal sehen.
Grüße, Ines
<ul id="navliste">
<li class="main"><a href="index.php?id=2">LINK 1</a>
<li class="sub"><a href="index.php?id=8">Link 1.1</a></li>
<li class="sub"><a href="index.php?id=9">Link 1.2</a></li>
</li>
<li class="main"><a href="index.php?id=3">LINK 2</a>
<li class="sub"><a href="index.php?id=10">Link 2.1</a></li>
<li class="sub"><a href="index.php?id=11">Link 2.2</a></li>
<li class="sub"><a href="index.php?id=12">Link 2.3</a></li>
<li class="sub"><a href="index.php?id=13">Link 2.4</a></li>
</li>
<li class="main"><a href="index.php?id=4">LINK 3</a></li>
<li class="main"><a href="index.php?id=5">LINK 4</a>
<li class="sub"><a href="index.php?id=14">Link 4.1</a></li>
<li class="sub"><a href="index.php?id=15">Link 4.2</a></li>
</li>
<li class="main"><a href="index.php?id=6">LINK 5</a></li>
<li class="main"><a href="index.php?id=7">LINK 6</a></li>
</ul>
cherry schrieb
Und das ist mein zugehöriges TS:
HAUPTMENU = HMENU
2 = TMENU
2 {
noBlur = 1
wrap = <ul class="sub">|</ul>
NO = 1
Da gehört ein UL rein und nicht LI.