Hello,
First off all, thanks for the great CMS! Always worked with the Joomla CMS, but this CMS makes me allot more happy!
But through, need some advice on the following. I know wayfinder can procude every menu.. so I’m trying to fix this horizontal css menu.
http://veerle.duoh.com/blog/comments/extended_2_leveled_horizontal_navigation_in_css/
This is the output modx has to generate to get the menu working..
<div id="navigation">
<div class="menu">
<ul>
<li id="one">
<a onmouseover="show('smenu1'),hide('smenu2','smenu3','smenu4','smenu5');" onmouseout="hide('smenu1');" href="">
Consectetaura
</a>
</li>
<li class="divider">
</li>
<li id="two">
<a onmouseover="show('smenu2'),hide('smenu1','smenu3','smenu4','smenu5');" onmouseout="hide('smenu2');" href="">
Lorem ipsum dolor sit amet ipsum
</a>
</li>
<li class="divider">
</li>
</ul>
<div class="submenu">
<ul style="display: none;" id="smenu1" onmouseover="show('smenu1'),hide('smenu2','smenu3','smenu4','smenu5');" onmouseout="hide('smenu1');">
<li id="oneone">
<a href="#">
Eiusmod tempor et
</a>
</li>
<li class="subdivider">
</li>
<li id="onetwo">
<a href="#">
Dolore
</a>
</li>
<li class="subdivider">
</li>
<li id="onethree">
<a href="#">
Tempor
</a>
</li>
<li class="subdivider">
</li>
<li id="onefour">
<a href="#">
Incididunt etlabore
</a>
</li>
<li class="subdivider">
</li>
<li id="onefive">
<a href="#">
Eiusmod incididunt
</a>
</li>
<li class="subdivider">
</li>
</ul>
</div>
</div>
</div>
but damn.. how? Already did the following
- I made chunk with the Javascript
- Placed the css in a external css file
But what now.. I know that you need to place a outline chunk, and a parentrow... but the css menu uses some strange pa ramenters that makes me a little confused.
Could someone point me the right way..?
Tnx in advance!
Rogier