Hallo
Ich habe ein Problem mit der zweiten Ebene meines Menü. Ich möchte das 
vertikale Menü erst einblenden, wenn die 2. Ebene des Menü angeklickt wird. Das 
konnte ich auch so umsetzen. Was aber das Problem ist, wenn das Menü 
eingeblendet wird, erscheint es, aber nicht mit dem richtigen Style. Irgendwas 
mache ich beim CSS oder im HTML oder vielleicht an einem anderen Ort falsch. 
Geht dies überhaupt so mit der 2. Ebene? Kann mir jemand helfen? Besten Dank 
schon mal.

TS:

subparts.navbalk = HMENU
  subparts.navbalk {
entryLevel = 1 wrap = <ul class="navbalk"> | </ul> # Die erste Ebene:
        1 = TMENU
        1.expAll = 1
        1.NO.wrapItemAndSub = <li> | </li>
# CUR-Zustand der ersten Ebene:
        1.CUR = 1
        1.CUR < .1.NO
        1.CUR.ATagParams = class="active"
# ACT-Zustand der ersten Ebene:
        1.ACT = 1
        1.ACT < .1.CUR

  # Die zweite Ebene:
        2 = TMENU
        2.wrap = <ul class="navbalk"> | </ul>
        2.NO.wrapItemAndSub = <li> | </li>
# CUR-Zustand der zweiten Ebene:
        2.CUR = 1
        2.CUR < .2.NO
        2.CUR.ATagParams = class="active"
  }

HTML:

<div id="header_navbalk">
     <div id="navbalk">
<!-- [NAVBALK] --> <ul class="navbalk">
         <li><a href="#">Button 1</a></li>
         <li><a href="#">Button 2</a></li>
         <ul class="navbalk">
           <li><a href="#">Websiteplanung</a></li>
           <li><a href="#">Oberfläche</a></li>
           <li><a href="#">Funktionalität</a></li>
           <li><a href="#">Inhalte</a></li>
         </ul>
         <li><a href="#">Websiteplanung</a></li>
         <li><a href="#">News</a></li>
         <li><a href="#">Kontakt</a></li>
       </ul>
</div> </div>
CSS:

div#header_navbalk {
 position: relative;
 border-bottom:1px solid #d19197;
 color:white;
 float: left;
 width: 188px;
 height: 200px;
}

div#header_navbalk a { color:black;
}
navbalk ul {
   width: 10em;
   margin: 0; padding: 0.2em 0.8em 0.8em;
   background-color: none;
 }
 * html .navbalk ul {  /* Korrekturen fuer IE 5.x */
   width: 11.6em;
   w\idth: 10em;
   padding-left: 0;
   padd\ing-left: 0.8em;
 }
 .navbalk ul li {
   list-style: none;
   margin: 0.4em; padding: 0;
 }

 .navbalk ul a, .navbalk ul span {
   display:block;
   padding: 0.2em;
   text-decoration: none;
   /*border: 1px solid black;*/
   border-left-color: white; border-top-color: white;
   background-color: #BDD2FF;
 }
 * html .navbalk ul a, * html .navbalk ul span {
   width: 100%;    /* Breitenangabe fuer IE 5.x */
   w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
 }
 .navbalk ul a:hover, .navbalk ul span {
   border-color: white;
   border-left-color: black; border-top-color: black;
   background-color: #CEDDFE;
 }

Viele Grüsse
Robert
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Antwort per Email an