Hi,
I am using DNN 4.5.5. I need to have an image displayed to the left of the nav buttons. I have used a background image in the skin.css file which works fine for the buttons with no drop downs. As soon as there are child pages it wont display. I can get the roll over colour to change but cant get it to display the image.

this is the css i have used for the nav buttons.

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
 cursor: hand;
 cursor: hand;
 color: #000000;
 font-size: 9pt;
 font-weight: bold;
 font-style: normal;
 font-family: Tahoma, Arial, Helvetica;
 white-space: nowrap;   /*explicitly set padding for root menu items*/
 background-image: url(Navigation_heart.gif);
 background-repeat: no-repeat;
 padding-top: 0px;
 padding-right: 12px;
 padding-bottom: 0px;
 padding-left: 23px;
}

.main_dnnmenu_itemhover {
 background-color: #00FF00;
 background-image: url(Navigation_heart.gif);
 background-repeat: no-repeat;
}

.main_dnnmenu_itemhover td {
 background-color: #00FF00;
}

any ideas how i can fix this.

Regards

Roger

Have you tried adding an image into the menu by using:
Page Settings / Advanced Settings / Appearance / Icon - you can specify an image file to display alongside each menu item.

OK that worked Thanks. Is there anyway to make the same icon appear when a new page is created?

My initial thought was to look at Page Templates
How to create Page Templates in DotNetNuke

But this will not work as page templates control the modules that are added to the page rather than the page settings, I think you will have to manually configure the icon when you create the new page.