From: David H. <pro...@ma...> - 2010-03-31 21:36:51
|
Hi all, Does anyone have an example of the CSS markup necessary to make a couple of levels of ERXModernNavigation look nice? My attempts to replicate my ERXNavigationMenu CSS structure are not working (see example here: http://wiki.objectstyle.org/confluence/display/WO/ Project+WONDER-Frameworks-ERXNavigation), and I would love to see a pointer or two if anyone is willing. There are clear distinctions in the names of the CSS selectors needed at each level for ERXNavigationMenu, for ERXModernNavigationMenu the CSS selectors I need to us are a little more ambiguous. Here is an example of the HTML that gets produced. <div class="ERXNavigationMenu"> <ul> <li class="selected sub" id="id130"><a href="#">Item 1</a> <ul> <li class="" id="id129"><a href="#">Item 1.1</ a></li> <li class="selected sub" id="id74"><a href="#">Item 1.2</a> <ul> <li class="selected" id="id75"><a href="#">Item 1.2.1</a></li> <li class="" id="id76"><a href="#">Item 1.2.2</a></li> </ul> </li> <li class="sub" id="id21"><a href="#">Item 1.3</a> <ul> <li class="" id="id40"><a href="#">Item 1.3.1</a></li> <li class="" id="id41"><a href="#">Item 1.3.2</a></li> </ul> </li> </ul> </li> <li class="sub" id="id22"><a href="#">Item 2</a> <ul> <li class="" id="id44"><a href="#">Item 2.1</ a></li> <li class="" id="id42"><a href="#">Item 2.2</ a></li> </ul> </li> <li class="disabled" id="id23"><span>Item 3</span></li> </ul> </div> Thanks! David |