I am finally getting around to using the NAV menu with RenderMode UnorderedList. The obvious benefit is the real links to pages rather than postbacks. While it is working just as advertised, I have to say, skinning turns out to be a bit of a challenge. While not impossible, it's a lot more difficult than it should be. Maybe I'm doing something wrong and there is a simple solution (other than using RenderMode Normal - I really want the links).
The problem is that the li tags have a LOT of inline styles. For all I care, there really shouldn't be any whatsoever. For example here is an li tag for a submenu:
<ul>
<li id="dnn_dnnNAV_ctldnnNAVctr45" class=" mi mi6-4 id45"
style="padding-bottom: 0px; list-style-type: none;
margin: 0px; padding-left: 0px; padding-right: 0px;
list-style-image: none; padding-top: 0px">
<a href="http://www.mydnnsite.com/Admin/UserAccounts/tabid/45/Default.aspx">
<img alt=" " style="border-right-width: 0px;
border-top-width: 0px; border-bottom-width: 0px;
border-left-width: 0px"
src="http://www.mydnnsite.com/images//icon_users_16px.gif" />
<span>User Accounts</span>
</a>
</li>
</ul>
(Isn't that "a" link just great for SEO?). I'm not sure why it bothers to put all those inline styles out there. Especially, the padding and margin styles really make it hard to assign actually useful padding or margin value. Yes, of course I can go a level deeper and assign it to the "li a" tags, which is what I'm doing now, but that really defeats the whole purpose of the great new css styling the NAV menu now offers.
Well, I'm hoping I'm doing something wrong, but so far, it looks like this is the way it works. Again, not impossible to work with, but a bit harder than I was hoping it would be. Other than that, love the new css menu features and Jon Henning's excellent webcast about it at http://www.codeendeavors.com/Downloads.aspx