Zum Inhalt springen

CSS Menü richtig wrappen

Erstellt am 14. September 2006 · 4 Antworten · letzte Antwort am 14. September 2006

Tags: Frage

Pro2k ·

also ich hab mir ein css menu gebaut, dass ich jetzt in typo3 intergrieren will. Der Code den Typo3 erzeugen soll, muss so aussehen:

<!-- Main Menu Start -->
<div id="menu1">
<ul>
<li class="list1t"><a id="item1t" href="#nogo" title="Item 1">Home</a></li>
<li class="list2t"><a id="item2t" href="#nogo" title="Item 2">Our Estate</a></li>
<li class="list3t"><a id="item3t" href="#nogo" title="Item 3">Our Wines</a></li>
<li class="list4t"><a id="item4t" href="#nogo" title="Item 4">Vinyard &amp; Cellar</a></li>
<li class="list5t"><a id="item5t" href="#nogo" title="Item 5">Vinyard Creatures</a></li>
<li class="list6t"><a id="item6t" href="#nogo" title="Item 6">Trade Information</a></li>
<li class="list7t"><a id="item7t" href="#nogo" title="Item 7">Contact</a></li>
</ul>
</div>
<!-- Main Menu Ende -->

Also benutze ich folgenden TS-Code:

lib.myMainMenu = HMENU
lib.myMainMenu {
   special = list
   special.value = 19, 18, 17, 16, 15, 14, 13
   1 = TMENU
   1 {
     expAll = 1
     wrap = <ul> | </ul>
     noBlur = 1
     NO = 1
     NO.wrapItemAndSub = <li class="list1t"> | </li>
     ATagBeforeWrap = 1
     ATagParams = id="list1t"
     }
   }

Das funktioniert soweit schon ganz gut, bis auf das id="list1t" im a-tag. Das Ergebnis sieht nämlich folgendermaßen aus:

<!-- Main Menu Start -->
<div id="menu1">
<ul><
li class="list1t"><a href="index.php?id=19">Homepage</a></li>
<li class="list1t"><a href="index.php?id=18">Our Estate</a></li>
<li class="list1t"><a href="index.php?id=17">Our Wines</a></li>
<li class="list1t"><a href="index.php?id=16">Vinyard & Cellar</a></li>
<li class="list1t"><a href="index.php?id=15">Vineyard Creatures</a></li>
<li class="list1t"><a href="index.php?id=14">Trade Information</a></li>
<li class="list1t"><a href="index.php?id=13">Contact Us</a></li>
</ul>
</div>
<!-- Main Menu Ende -->

Wie bekomm ich jetzt Typo3 dazu, diesen id da reinzubauen?

Pro2k ·
just2b schrieb

entweder über optionsplit, Bsp gibts im Forum bzw hier https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/OptionSplit.html

oder etwas komplexer: #42777

lg georg

Kann mit den Links leider gar nichts anfangen. Ich versteh auch nicht warum meine Lösung nicht funktioniert.
Das "<a href="index.php?id=13">Contact Us</a>" wird ja von Typo3 erzeugt und einfach zwischen die <li></li> geschoben. Und dann dachte ich das ATagParams = id"?" diese id einfach noch in den a-tag einbaut.

Verständnisfehler?

just2b ·

ja, verständnisfehler!

schau dir optionsplit an, is echt nicht schwer, spiel bisschen mit den beispielen, dann weißt worums geht

georg

Pro2k ·
just2b schrieb

ja, verständnisfehler!

schau dir optionsplit an, is echt nicht schwer, spiel bisschen mit den beispielen, dann weißt worums geht

georg

Doch kein Verständnisfehler nur ein Kleiner Fehler im TS-Code. So muss er sein dann gehts:

lib.myMainMenu = HMENU
lib.myMainMenu {
   special = list
   special.value = 19, 18, 17, 16, 15, 14, 13
   1 = TMENU
   1 {
     expAll = 1
     wrap = <ul> | </ul>
     noBlur = 1
     NO = 1
     NO.wrapItemAndSub = <li class="list1t"> | </li>
     NO.ATagBeforeWrap = 1
     NO.ATagParams = id="list1t"
     }
   }

Hab einfach nur das NO. vor ATagParams vergessen.