I am having a similar issue. When you hover over any menu item, you get the hover effect over both the menu item you are hovering over as well as on the menu item of the page you are on currently. Does anybody know a way to prevent this, or is this just how the DNN Nav Menu works?

No, the DNN Nav Menu should not be working that way.  Switch your site to the Minimal Extropy skin and see if it continues.  If not, it is a problem with your skin's CSS.

Is there a URL where I can see this?

Hi I wanna ask you about dnn NAV menu. My menu is first menu item and other menu items are different image bg. So I use the menu_member .first {} for that first menu item. But that one is general of all menu items So affected to the first item of sub menu is appearing that image. I don't wanna it. so how to fix that one.I can't find solution other places.
if i make like
.main_dnnmenu_roo em .first {} it is not working .As that one is mention to the root menu item.
So i did .main_dnnmenu_bar .first { } .it is working but it affected to the submenu. Thanks.

Be sure to see this set of tutorials:  DotNetNuke Nav Menu.  You'll see how to style the various items in the menu.

I've been watching the tutorials and trying to design skins to display in a Mozilla FireFox browser as well as the IE 8 browser. Thanks for these - they have explained alot, however, it doesn't appear to work in Mozilla/Firefox. I've downloaded the code for the one-pane skin from the following tutorial page: http://www.dnncreative.com/Tutorial...fault.aspx I install this skin on my localhost version 544 website. It displays fine in IE but the menu does not display in Mozilla firefox. I have found that IF I go to your one_pane.ascx file and remove the ProviderName="DNNMenuNavigationProvider" and save the file, then the menu displays fine in Mozilla Firefox and IE - however when the setting is there it only displays in IE. Why is this setting preventing the menu from displaying in Mozilla but not IE? Does my firefox browser need a setting changed for this to work? I can't tell what browser the tutorial is using, but shouldn't this work in both browsers? Appreciate any help or direction you can provide. Thanks

I downloaded and installed the skin on a test site. I don't see any problems, either in IE for FF.

Removing the ProviderName may get you the default. I believe, but am not sure that the default is the SolPartNavigationProvider. That might indicate a problem in your installation with the DNNMenuNavigationProvider.

Without looking at your site, it's hard to say what is going on. But, I've never seen anything like that before. It would be interesting to upgrade to 5.6.2 and see if the problem persists.

thanks for your response. I don't know what was wrong (maybe cache?) but I started from scratch again this morning and when I applied the skin this time is was correct in both IE and mozilla. Chalk it up to growing pains. Thanks again.

It is possible that something went wrong with the installation the first time.

Hi...I've went through the tutorials and am having a problem with my background graphic displaying over a root menu item that has child indicator/sub menus. The graphic displays fine over the other root menu items. Please see URL: https://psfebus.allenpress.com/ebusasmmtst/Home.aspx The dark green graphic displays fine over the options that do not indicate that they have a submenu. However, if you hover over the ones that do indicate a child menu (Memberships and Donations) the BLACK background color displays. Can you advise me what I'm overlooking? Thanks.

Sure. Look at the menu classes that have "hover" in their names. In particular, there is a background color #000 attached to many of them. So ... the background color will be black (#000) when you hover over them.

You will also want to convert your skin to render in XHTML Transitional mode via a DOCTYPE. See the skinning tutorials for information about this. Doing so will help the skins be more cross browser compatible. You'll suffer less in builiding the skin and making the site look good in all browsers.

Thanks Joe. I've added the doctype document to the skin. I have the Nav attribute of: CSSNodeHoverRoot="main_dnnmenu_rootitem_hover" and the CSSNodeHoverSub="main_dnnmenu_itemhover" in my .ascx file. The hover class I placed in both is: background: #000 url(green.jpg); which from what I understood in the tutorial will put a image in the background and IF the image isn't available it will put the black color. The image will display for all the menu root items except when the menu item has sub menu items. Is there another NAV attribute that I have to set? Or one that I'm supposed to put a td after (like this class example: .main_dnnmenu_submenu td)? I just don't know why I'm not having the same results as the tutorial. If I could just get over this one hurdle...... I would be happy to send you the skin if you think it would help any - just let me know how to do that. Thanks for your help.

OK. I totally misunderstood your original question. The dark green background is so dark that I couldn't distinguish it from black on my lcd screen, so I totally misunderstood what you were asking.

The doctype thing is good!

I now see your problem and I possible see the answer.

It looks like the "down arrow" that indicates children for those main menu items that have them is done with a background image being applied, /ebusasmmtst/images/menu_down.gif. That probably overrides your background image -- that is, you can't have two background images!

Since your green background image is just a solid color, probably the best thing to do here is set the hover background colors to #053738, which is the color you are using. You can also remove the background image, since it's redundant.

Hopefully that is closer to what you want.

I've been watching DNNC tutorials (ascx skinning, developers tools and Nav menus) all morning and just found the /ebusasmmtst/images/menu_down.gif that is being applied. And yes, I know that the graphic appears to be almost the same color as the graphic, however, the graphic is basically just a place holder to apply and is not the original graphic that I want to use. The only reason I applied the background color of black is so that I could see that the style was actually being used and that style did indeed work on the site. And by doing this I found that the style WAS being applied, just not the graphic. So it was done that way just to troubleshoot. So I do need to apply a different graphic instead of just a background color. Anyway, I JUST found out it's that silly Nav attribute called Indicate children with was set to TRUE so that I had those little arrows indicating that there was a sub menu. I changed that attribute to false and now it works on my local host site. Now I guess my question would be...if I can't use the "indicate children" attribute = TRUE because it steps on my graphic, what do I use? I'm just relieved I found out why it was being stepped on. I can't tell you HOW long this has been an issue for my skins!

Yes, I should have mentioned the indicate children attribute.

Are you using the DNN Nav menu? If you are, you might want to switch it for the DDR Menu from DNNGarden.com. At one level it is a direct replacement for the DNN Nav menu, but it is much more amenable to customization (not to mention that it will be the default menu for DotNetNuke 6).

I haven't thought too much about indicating children while applying your own background image. But, you could create background images with the indicator shown (I think that there is an attribute that lets you figure out if an item has children or not). You'll have to position it to the right, and also make sure that it only fills the area for the menu item. These sorts of things are all "doable."

There could well be a better approach, too.

Joe,

Yes, I am using the NAV menu. The DNN-blue had a solepart menu in it, but I amended it to use the NAV menu. I have not downloaded the DDR menu from DNNGarden.com. I'll go see if I can find the link to download that skin. I was going to try to use one of the DNNC tutorials menu's as a basis for skin customization, but I'm still very new at this and am not sure I understand the div tag and the classes associated with it that place it on the page. I played with one of the downloaded skins from Lee's tutorials and tried to amend it to our company's specifications, but like Lee said in his tutorials, I'm much more familiar with the html framework than just using div tags. Would you happen to know if there are any tutorials that talk about building the .ascx file (not just about the NAV token)? I watched one this AM and while it did discuss some about the framework, it really didn't go into the various id's and styles and their attributes? For instance, sometimes when changing an attribute for a token, it will prompt you when the value for the attribute is true or false (like the indicate children), but others do not. Like the tutorial that advised that the search token had a "show site" and show web" attribute/property. I would have just deleted the token from the skin instead of changing this attribute. Is there any documentation or tutorial that provides more information regarding what values are available for the token attributes?

If you'll look at the DotNetNuke Wiki on the dotnetnuke.com site, you will find a document that defines all of the skin objects and their attributes.

I usually find it easier to start with an existing skin and modify it to my needs. In the past I have used the Minimal Extropy skin. Recently I did one with the Architect skin found on CodePlex.com.

My approach is to remove/modify the background colors and images first.

Your question is quite open ended, so I'm not quite sure how to answer. Basically, though, the structure of the skin is based on the divs. You can place the various skin objects that you will use where you want them. Mostly, the skin should have NO styling and all of that is done in the skin.css file.

If you are interested in learning about skins, the best way to learn is to look at other skins. There are a number of free ones -- start with the skins from last year's skin contest at DotNetNuke. Entries for this year's contest just finished so there will be more. One section of the contest required that the entrant take a skin and modify ONLY the skin.css file! That should be an interesting one to watch.

I'm in the process of creating a DotNetNuke site which uses the Nav menu. It works fine on computers that support the "hover" state: as desired, the dropdown menu appears when one mouses over the root menu item on the nav bar. However, on the iPad, the DNN menus don't work properly: when one touches the main nav, it goes to the touched link without displaying the dropdown. I need to come up with a way to navigate the site using an iPad. To my surprise, I am able to use drop down menus on the iPad in a non-DNN site that I created: this non-DNN site uses the "onmouseover" event in the tag. What happens is that touching the nav bar displays the dropdown, then touching a second time navigates to my desired page. Is there a way to use "onmouseover" in DotNetNuke menus so that DNN sites can be navigated on an iPad? If not, what suggestions do you have for making a DNN site's navigation iPad-friendly? Thanks.

DotNetNuke is in transition from the DNN Nav Menu to the DDR Menu (from DNNGarden.com).

This might be a good opportunity for you to switch, too. Converting a skin from using DNN Nav to DDR is quite easy.

I just checked the DNN Garden website using an iPad, and the menu versions he is using seem to be quite iPad friendly. So, it may be a matter of just switching menu providers in your skin and that's that. If not, just a few adjustments and I can help you work through that.

Thanks, Joe, I installed the DNN Garden menu, but now my page no longer works, I get "An error has occurred...Object reference not set to an instance of an object".

As the website instructed, I replaced


I wonder if I also need to replace the following statement to point to a new ascx file at ~/DesktopModules/DDRMenu/ :
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
Perhaps I need to register a new object, but the web page at http://www.dnngarden.com/Upgrading-....T116.aspx doesn't mention this.

oh well, the forum editor software deleted part of my post, but it was simply a cut and paste of the instructions at http://www.dnngarden.com/Upgrading-...T116.aspx, to change the providername.