Thank you for introducing firebugs to me. It is impressive.

I think I understand what your solution. The problem as I see it that it depends of direct access to the tabs and it rely on their arbitrary IDs while the tabs are not available at the skin level.

My code is pasted above. I can paste the entire ascx if needed.

Thanks guys

Thank you Rick.

I tried to isolate the problem so I went back to DNN original skin - index full under MinimalExtropy.

This is what I did:

File Index full.ascx: Changed line: <dnn:NAV CSSIcon="IconHidden"runat="server"id="dnnNAV"ProviderName="DNNMenuNavigationProvider"IndicateChildren="False"ControlOrientation="Horizontal"CSSNodeRoot="main_dnnmenu_rootitem"CSSNodeHoverRoot="CSSNodeHoverRoot"CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected"CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected"CSSContainerSub="main_dnnmenu_submenu"CSSNodeHoverSub="main_dnnmenu_itemhover"CSSNodeSelectedSub="main_dnnmenu_itemselected"CSSContainerRoot="main_dnnmenu_container"CSSControl="main_dnnmenu_bar"CSSBreak="main_dnnmenu_break"/>

File Index full.css: Added line: .IconHidden {display:none;}

It sure took some effect: It removed all icons from all sub-items of the menu (e.g. the host menu sub-items) but did not affect the top level which is what I need.

I then went to FireBug and looked at the relevant HTML. This is what I've got:

<span class=""><img id="dnn_dnnNAV_ctldnnNAVicn57" src="/DNN/Portals/0/action_help.gif"/></span>

Note the the class field is empty. If I manually insert the correct class (IconHidden) then it indeed removes the unwanted icon. I wonder how I can change the skin files to make this change permanent.

Shaul

This one did it! Thank you so much Rick.

Let me summarize the solution for the benefit of the other users.

The goal was to remove icons from the top-level entries of a NAV menu. Apparently, CSSIcon affect only the sub-menu items but has no effect over the top level. To remove the icons from the menu top level you have to do as follows:

In the .ascx file wrap the NAV entry with a <div> tag as in the following example:

                            <div id="menuwrapper">
                                <dnn:NAV ID="dnnNAV" runat="server" ControlOrientation="Horizontal"
                                    CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected" CSSBreak="main_dnnmenu_break"
                                    CSSContainerSub="main_dnnmenu_submenu" CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"
                                    CSSNodeHoverSub="main_dnnmenu_itemhover" CSSNodeRoot="main_dnnmenu_rootitem"
                                    CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected" CSSNodeSelectedSub="main_dnnmenu_itemselected"
                                    ExpandDepth="1" IndicateChildren="False" PopulateNodesFromClient="False" ProviderName="DNNMenuNavigationProvider"
                                    StartTabId="-1" ToolTip="Description" >
                                </dnn:NAV>
                            </div>
Make sure to assign some 'id' ("menuwrapper" in this case) to the div tag.

In the corresponding .css file define an id selector class (I think this is what it's called)  corresponding to the above id:

#menuwrapper img {display:none;}

Note that the id (menuwrapper) must match the one in the .ascx file.