I'm trying to create a menu with a tabbed look. I am having two issues:

1) When I specify leftseparator="<img src='tableft.gif'>" in the menu properties in the ascx file, dotnetnuke wants to look in the wrong folder for the graphic, not the skin folder. I have been able to overcome this by hardoding the path for the specific portal/skin, but I know that isn't the textbook approach. How do I make this work?

2) I can get the left & right separators to show up, but how do I insert a background graphic to go behind the left/right separators behind the link text? Which css property do I use, and how do I get it all bottom aligned in the menubar?

Are there any working examples of a tabbed menu using the left/right separators that I can see?

Thanks!

a little more info .. to have differrent images for the active tab ...

set the following properties...

useskinpatharrowimages="true"
rootmenuitemcssclass="MainMenu_RootMenuItem"
rootmenuitemactivecssclass="MainMenu_RootMenuItemActive"
leftseparator="<img src='tab_l.jpg'>"  
rightseparator="<img src='tab_r.jpg'>"  
leftseparatoractive="<img src='tabsel_l.jpg'>"  
rightseparatoractive="<img src='tabsel_r.jpg'>"  

that tells it to look in the skin folder for images instead of the /images folder. The best place to specify the background image for the tab center area is in the stylesheet ( .css ) file. For the best results, apply the background images to the TDs which contains the tabs

.MainMenu_RootMenuItem TD
{
 BACKGROUND-POSITION-Y: bottom;
 background-image: url(tab.jpg);
 background-repeat: repeat-x;
}

.MainMenu_RootMenuItemActive TD
{
 BACKGROUND-POSITION-Y: bottom;
 background-image: url(tabsel.jpg);
 background-repeat: repeat-x;
}

Hi Sam

You can try this   leftseparator= <img src="<%= SkinPath %>itableft.gif" > I am sure this will work for you

Regards

Leo TechnoSoft Pvt. Ltd

http://www.leosys.in