[TYPO3] Horizontal Multi-level Dropdown Menu

Gideon So gideonso at livingwater.org.hk
Mon Apr 24 18:28:06 CEST 2006


Christopher wrote:
> 
> Far, FAR worse actually--
> 
> TMENU_LAYERS on a site I operate:
> 
> -- needs about 311 lines of javascript per page, regardless of browser
> -- will not work in ANY browser with javascript disabled
> -- adds 4k+ of _very_ ugly code
> -- is quite complex to set up and configure in TS
> 
> A simple <ul> menu that behaves identically on a dev version of the same site:
> 
> -- uses 12 lines of javascript for the ENTIRE site ONLY IF the browser
> is Internet Explorer, and NO javascript otherwise
> -- works in at many browsers without javascript (Mozilla family,
> Safari, Opera...)
> -- uses 1.4k of very simple html
> -- can be COMPLETELY set up with the following TS:
> 
> lib.mainNavigation = HMENU
> lib.mainNavigation {
>   wrap = <ul id="mainNavigation">|</ul>
> 
>   1 = TMENU
>   1 {
>     noBlur = 1
>     expAll = 1
> 
>     NO = 1
>     NO {
>       wrapItemAndSub = <li>|</li>
>     }
>   }
> 
>   2 < .1
>   2.wrap = <ul>|</ul>
>   3 < .2
>   4 < .2
> }	
> 
> The numbers and code sizes above are also for the menus on quite a
> small site. The advantages of list-based menus over *MENU_LAYERS menus
> become more and more obvious the more items the navigation menus
> contain.
> 
> A list-based menu _may_ (or may not) require more in the way of CSS
> coding, but the second-generation 'Suckerfish' [1] menus are quite
> simple to style and will work 'out of the box' with browsers > version
> 5. Even for the IE Windows 5.x series all you have to do is provide an
> additional stylesheet with box-model fixes--and for the site I
> referred to above, there is ONE extra line of css to make the menus
> work with IE 5.01 / IE 5.5.
> 
> 
> -Christopher
> 
> [1] http://www.htmldog.com/articles/suckerfish/dropdowns/

+1

And the position of the menu is not easy to fix.


Gideon



More information about the TYPO3-english mailing list