Results 1 to 4 of 4

Thread: MenuMatic horizontal menu - SOLVED

  1. #1
    User
    Join Date
    02-01-10.
    Posts
    111

    Default MenuMatic horizontal menu - SOLVED

    I tried to implement MenuMatic horizontal menu (http://greengeckodesign.com/menumatic)in Contao 2.9.2. I followed a guide provided in German - http://de.contaowiki.org/Mootools_Au...3%BC_MenuMatic.

    It seemed to work mostly, but the rendering of text is off. Instead of the menu appearing all on one line, it is broken into two lines, and the dropdowns appeared are cut off - http://dev2.oed.umn.edu/hmenutest.html.

    Any suggestions about what may be causing these problems?

  2. #2
    User
    Join Date
    02-01-10.
    Posts
    111

    Default Re: MenuMatic horizontal menu

    I got some of it problems fixed by changing MenuMatic.css file. I changed #nav from left: 50%; to left: 0px; . This made the entire menu appear in one line. However, the second level menu item text gets cut off and so does the the entire drop down.

  3. #3
    User MacKP's Avatar
    Join Date
    06-19-09.
    Location
    Duisburg (Germany)
    Posts
    211

    Default Re: MenuMatic horizontal menu

    Hi tmikk,
    you also has the css for ie6 in your header -> <link rel="stylesheet" href="MenuMatic-ie6.css?1295982178" type="text/css" media="all" />

    Now all browser get this...

    You also missed the JavaScript. But I think you try to test the CSS part first so it would come after that...

    regards
    Mediendepot Ruhr
    For real-time chat the (inofficial) Chatroom in IRC:
    -> irc.freenode.net #contao | irc.freenode.net #contao.de

  4. #4
    User
    Join Date
    02-01-10.
    Posts
    111

    Default Re: MenuMatic horizontal menu

    Yes, indeed! I needed to make the MenuMatic-ie6.css to be triggered only for IE6 browser. I changed this in CSS settings and it started to work!

    Now, I must not have a correct path to the Javascript. I created a js folder directly under the root of installation and placed the file there. In my page layout I reference it by

    <script src="js/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>

    When I go to http://dev2.oed.umn.edu/js/MenuMatic_0.68.3.js I can see it.

    Part of the problem is I cannot tell when it is correctly installed without having IE 6.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •