[TYPO3-german] Problem mit korrektem Wrappen...

[Fabian Polkehn]

Hallo!

(Vermutlich) wieder mal eine Anfängerfrage.

In meinem dreispaltigen Layout habe ich rechts die Navi in Form von kleinen 
Boxen.
Diese sehen wie folgt aus:

<div id="box">
    <h3>Überschrift Navigationspunkt</h3>
    <ul>
        <li>Unternavigationspunkt 1</li>
        <li>Unternavigationspunkt 1</li>
        <li>Unternavigationspunkt 1</li>
    <ul>
</div>

Um die Box aufzupeppen hat der h3-Tag links oben ein Hintergrundbild 
(abgerundete Ecke) und das div an sich auch (abgerundete Ecke rechts unten), 
so dass ich quasi eine Box habe, die sich je nach Inhalt vergrößert:

.box {
  margin: 0 0 8px 0;
  padding: 0 0 12px 0px;
  font-size: 70%;
  line-height: 1.5em;
  color: #666666;
  background: #fff url(styles_01_FILES/box-b.gif) no-repeat bottom right;
  }

.box h3 {
  margin: 0;
  padding: 12px;
  font-family: Arial, Helvetica sans-serif;
  font-size: 115%;
  font-weight: normal;
  color: #852112;
  background: url(styles_01_FILES/box-t.gif) no-repeat top left;
  }

Nun möchte ich es so machen, dass zunächst nur jeweils (in einer Box) die 
h3-Überschrift zu sehen ist und wenn man auf diese klickt, dann soll (in der 
gleichen Box) die Liste erscheinen, mit den Unternavigationspunkten. Mein 
bisheriges Typoscript dafür sieht so aus:

MENU = HMENU
        MENU {

            special = directory
            special.value = 6
            1 = TMENU
            1 {
                NO = 1
                NO.linkWrap = <h3> | </h3>

                CUR = 1
                CUR.doNotLinkIt = 1

                CUR.linkWrap = <h3><span style="color:#336633"> | 
</span></h3>
            }

            2 < .1
            2.wrap = <ul>|</ul>
            2.NO.linkWrap = <li>|</li>
            2.CUR.linkWrap = <span style="color:#336633"> | </span>
        }

Mir ist jedoch NICHT klar, wie und wo ich genau mit <div id="box"> wrappen 
muss, damit das ganze korrekt (und auch XHTML-konform) dargestellt wird.

Vielen Dank für Tipps und Anregungen!