I'm trying to do a bubble sort of button for a vertical menu. I wanted to use a left image, right image, and back. This would work great if the menu were horizontal, but since it's vertical, leftseperator is rendered on a seperate line from the tab itself.

Any ideas?

At this point, I am resigned to use entire images.... :-(

Brad

Right: i was too. But I was trying to lower the payload by having the back portion of my button be just one pixel wide and have the browser repeat it.

So I put the entire image as the background image for MainMenu_MenuItem, and then this: the TD that the submenu arrow arrow is in for tabs with subpages starts the image again, so it looks pretty dinky. This also happens on the submenu active, but I think I can solve that.

http://aetcompliance.com/aet (css below)

Any suggestions?

Brad

/* MENU */

.MainMenu_MenuContainer {
    background-color:Transparent;
    width:100%;
}
.MainMenu_MenuContainer TABLE {
    background-color:Transparent;
    background:Transparent url(inactiveTab.gif) no-repeat;   
    width:125px;
    padding-right:10px;
}

.MainMenu_MenuBar {}

.MainMenu_MenuItem {
    height:36px;
    padding-bottom:10px;
    color:WhiteSmoke;
}
.MainMenu_MenuItemSel {
    background:Transparent url(activeTab.gif) no-repeat;   
    height:36px;
    padding-bottom:10px;
    color:WhiteSmoke;
}
.MainMenu_SubMenu {
    background:#CDCDCD;
}
.MainMenu_SubMenuSel {
    background:#8EBAE0;
}

so i may have found a clue, but no closer to a solution:

my submenus TDs have the class MainMenu_MenuItem assigned to them although I'm not doing that ANYWHERE. any suggestions?

brad