You mention in your tutorial you did not know of a way to have the horizontal menu not display the subpages. You need to add ExpandDepth="1" to the .ascx file.

thanks

Got 2 questions for you. For the DNN Nav, is there a way to have a different look for a subpages subpage. So I have the mainmenu root item and mainmenu submenu. I have a padding on the main menu submenu that I don't want to carry over to its subpages. How can I handle this? Also I am not able to get a background image going for either the body or wrap div. It accepts background color, but nothing with background image. I was using this body {background:#FFF url(img/bg.png) repeat-x top left; height:100%; margin:0px; padding:0px; } I also entered this same thing for the wrap div in the css.

The DNN NAV Menu is quite configurable and amenable to styling.  It is possible to style the presentation of the main level of tabs differently from the sub-levels.

There is a thread on the DotNetNuke forums that I have found helpful.  You can find it here.

If you need more help, ask you questions here and there.  It might also help if you would attach your skin file and skin.css here.

Yes I am able to style the submenu different than the main level. My question is can I style the sub menu of submenu differently?
Also, I'm still unable to apply a background image using the styling I posted above.

For help with menu styling, you should take a look at "new" version of the DotNetNuke Skinning Guide.  In particular, if you look at pages 14 and 15 you will find a discussion of the various classes that are available.  In particular, I think that you will want to take a look at the mi[x][-x] class.  mi2-0 should be the first element of the third level menu.

For more discussion, there is a thread in the DotNetNuke forums dedicated to the NAV menu.  You will find it here.  I have found it to be quite useful from time to time.

As for the image background, make sure that the path to the image is specified correctly.  That is the usual problem.  You CSS example should be correct if the path does correctly point to the image file.

mi2-0 - this does seem like what I need, but I don't understand where to add this. In the ascx file somewhere? In the CSS as a class? Here's what I currently have the nav menu in the ascx file if it is helpful <dnn:NAV runat="server" ID="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="False" ControlOrientation="Horizontal" CSSNodeRoot="main_menu_rootitem" CSSNodeHoverRoot="main_menu_rootitem_hover" CSSNodeSelectedRoot="main_menu_rootitem_selected" CSSBreadCrumbRoot="main_menu_rootitem_selected" CSSContainerSub="main_menu_submenu" CSSNodeHoverSub="main_menu_itemhover" CSSNodeSelectedSub="main_menu_itemselected" CSSContainerRoot="main_menu_container" CSSControl="main_menu_bar" CSSBreak="main_menu_break" alignment="center" />

You would add the appropriate classes to your skin.css file.  The menu should pick them up.

You might want to start by adding a class to change the color or add a border.  That is what I do to help figure out where styles are applied.  And, I often use Web Developer's Toolbar to help.  If you want to style the entire level, you'll want to figure out how to that.  I think that asking for help in the thread I mentioned is like a good idea.