Dropdown-Menü

[Elli]

Hi,

ich möchte ein Dropdown Menü für meine Webseite einsetzen. Das habe ich
auch schon gemacht, allerdings war es hier etwas einfacher, was den Code
angeht. Ich wollte jetzt mal ein neues Menü ausprobieren, welches es
schafft, dieses Drop-Down auch ohne .js Code für den IE6 zu erzeugen. Dazu
müssten aber an verschiedene Stellen zusätzliche Angaben geschrieben
werden. Meine Frage dazu, ist das überhaupt so möglich?

 <div id="menu_container">
      <ul id="main_nav">
        <li class="drop"><a href="#nogo">Über uns
          <!--[if IE 7]><!--></a><!--<![endif]-->
          <!--[if lte IE 6]><table><tr><td><![endif]-->
          <ul>
            <li><a href="#nogo" class="enclose">Philosophie</a></li>
            <li><a href="#nogo">Team</a></li>
            <li><a href="#nogo">Auszeichnungen</a></li>
          </ul>
          <!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </li>
     </ul>
</div>

Dies stellt einen Hauptmenüpunkt dar + 3 Sub.

Vielen Dank!

Gruß
Elli

[steffenk]

das geht sicherlich, wenn auch etwas mühsam.
Aber syntaktisch ist es falsch - ohne IE wird der link ja nie geschlossen.

[Kafkaesk]

Hallo,

ich stand letztens auch vor dem Problem und bin hier fündig geworden:
http://www.mortox.de/typo3-tipps/typ...own-menue.html

Es basiert auf CSS und braucht - für den IE - nur minimal etwas JS.

[Elli]

@ steffenk: mhhh, da das Menü von Stu Nicholls |CSS play ist, gehe ich schon
stark davon aus, dass es korrekt aufgebaut wird. Aber meine Hand dafür ins
Feuer legen würde ich natürlich auch nicht

Ok, da das Menü auf einer eher kleineren Seite eingesetzt wird, bleib ich dann
beim Herkömmlichen.

@Kafkaesk: Danke, dann werde ich entweder dieses oder von Georg das
nehmen.

[steffenk]

als Anregung: ich habe ein Dropdown-Menu so realisiert. JS ist direkt im TS integriert

temp.topMenu = COA
temp.topMenu {
  wrap = <div id="top_nav">|</div>
  
  10 = HMENU
  10 {
    excludeUidList = 52
    1 = TMENU
    1 {
      expAll = 1
      wrap = <ul class="level1">|</ul>
      NO = 1
      NO {
        stdWrap.field = nav_title//title
        wrapItemAndSub = <li class="level1" onmouseover="this.className='level1 hover';" onmouseout="this.className='level1';">|</li>
        stdWrap.case = upper 
        #allWrap.dataWrap = <span class="span{field:pid}">|</span>       
      }
      ACT = 1
      ACT {
        stdWrap.field = nav_title//title
        wrapItemAndSub = <li class="level1act" onmouseover="this.className='level1act hover';" onmouseout="this.className='level1act';">|</li>
        ATagParams = class="act"
        stdWrap.case = upper
      }
    }
    2 = TMENU
    2 {
      wrap = <ul>|</ul>
      NO = 1
      NO {
        stdWrap.field = nav_title//title
        wrapItemAndSub = <li>|</li> |*| <li>|</li> |*| <li>|</li><li class="last"><span class="lastleft">&nbsp;</span><span class="lastright">&nbsp;</span></li>
        linkWrap = <span>|</span> 
        ATagBeforeWrap = 1
      }
      ACT = 1
      ACT {
        stdWrap.field = nav_title//title
        wrapItemAndSub = <li id="act">|</li> |*| <li id="act">|</li> |*| <li id="act">|</li><li class="last"><span class="lastleft">&nbsp;</span><span class="lastright">&nbsp;</span></li>      
        linkWrap = <span>|</span>
        ATagBeforeWrap = 1
      }
    }
  }
}