I'm having an issue with aligning the top level of a vertically oriented solpartmenu.
The desired output is a right aligned menu. The below presents right aligned sub-menus, but the top-level presents a left aligned text that is indented until the furthermost right text character reaches the right side. so the longest word sets how far right the entire menu is indented (see attached).
Any help with fixing this alignment issue would be greatly apprecaited.
In the skin, the solpartmenu is nested as such: (greater than and less than have been replaced with "*")
*table width="100%" border="0" cellpadding="0" cellspacing="0" align="right"*
*tr*
*td align="right" valign="middle" width="100%">[SOLPARTMENU]*/td*
*/tr*
*/table*
The CSS for this menu is as follows: (the .xxxx has been replaced with "_" as to hopefully prevent interferring with forum page rendering)
/* Main Menu */
_MainMenu_MenuContainer {
background-color: Transparent;
font-size: 8pt;
font-weight: bold;
font-style: normal;
color: #7E5946;
height: 30px;
}
_MainMenu_MenuBar {
background-color: Transparent;
cursor: pointer;
cursor: hand;
height: 30px;
width: 167px;
}
_MainMenu_MenuItem {
background-color: #092D6F;
cursor: pointer;
cursor: hand;
color: #ffffff;
font-family: Arial, Tahoma, Helvetica;
font-size: 10pt;
font-weight: bold;
font-style: normal;
border-left: #847D7B 0px solid;
border-bottom: #847D7B 1px solid;
border-top: #847D7B 1px solid;
border-right: #847D7B 0px solid;
height: 26px;
text-align: right;
}
.MainMenu_MenuIcon {
display:none
}
_MainMenu_SubMenu {
background-color: #092D6F;
z-index: 1000;
cursor: pointer;
cursor: hand;
color: #FFFFFF
}
_MainMenu_MenuBreak {
display:none
}
_MainMenu_MenuItemSel {
background-color: Transparent;
cursor: pointer;
cursor: hand;
color: #FFFFFF;
font-family: Arial, Tahoma, Helvetica;
font-size: 10pt;
font-weight: bold;
font-style: normal;
height: 26px;
}