Is there such a thing ?
Im trying to style a solpartmenu so that it would be pure RTL: the menu will be aligned right, the root items will be displayed in the right pages order from RIGHT TO LEFT, the arrows will be displayed on the left of each item (and i will replace the default "right.gif" arrow to a "left.gif" one), and the sub menus will be aligned RIGHT to the root menus. is it possible?

And another question:
Why on hover my sub menu alignment is changed? it's like tickering..
here's a link: http://millennium.dnn.selfip.com/%D...fault.aspx

you can see everyhitng i posted before and also this problem.

This is my CSS:

body
{
font-family: Arial, Arial (Hebrew), David (Hebrew), Courier New (Hebrew);
margin-top: 0px;
}

div{
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 18px;
text-decoration: none;
font-family: Arial, Arial (Hebrew), David (Hebrew), Courier New (Hebrew);

}



a.SkinObject:link { color: #294F90; text-decoration: none }
a.SkinObject:visited { color: #294F90; text-decoration: none }
a.SkinObject:hover { color: #DB031B; text-decoration: none}
a.SkinObject:active { color: #294F90; text-decoration: none }

.SkinObject{
font-size: 14px;
font-weight: normal;
color: #000000;
line-height: normal;
font-family:Arial, Helvetica, sans-serif;
direction:rtl;
text-align:right;
text-decoration: none;

}

<!-- TOP MENU CSS STYLES ------------------------------------------------->

.MainMenu_MenuContainer
{
text-align:right;
direction:rtl;
font-size: 14px;
font-weight:normal;
padding: 1px 12px 1px 12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration: none;

}
.MainMenu_MenuBar{
}
.MainMenu_MenuItem{
direction:rtl;
text-align:right;
direction:rtl;
cursor: pointer;
cursor: hand;
text-decoration:none;
font-size: 14px;
font-weight:normal;
padding: 1px 12px 1px 12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:0 dotted white;
}

.MainMenu_MenuItemSel
{
background-color:#048ABC;
cursor: pointer;
cursor: hand;
direction:rtl;
text-align:right;
border:0 dotted white;
font-size: 14px;
font-weight:normal;
padding: 1px 12px 1px 12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:0 dotted white;
text-decoration: none;
}
.MainMenu_SubMenu {
cursor: pointer;
cursor: hand;
background-color:#000000;
direction:rtl;
text-align:right;
border:0 dotted white;
font-size: 14px;
font-weight:normal;
padding: 1px 12px 1px 12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration: none;

}
.MainMenu_MenuIcon
{
display: none;
}
.MainMenu_MenuArrow{
text-align:left;
direction:rtl;
cursor: pointer;
cursor: hand;

}
.MainMenu_RootMenuArrow
{
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
text-align:left;
direction:rtl;
}
.MenuBreak
{
border: none;
}
<!-- END OF TOP MENU CSS STYLES ------------------------------------------------->

Hello,

I looked on the css from the live website using the web developers toolbar in Firefox. IE seems to have more problems than firefox, but this fixes it in firefox, I couldn't test it on IE live as there isn't a tool to allow that, anyway:

I changed the padding in  .MainMenu_MenuItemSel to match the padding in .MainMenu_MenuItem

I then removed the .MainMenu_MenuArrow and this seems to have solved the problem.


.MainMenu_MenuItem{
    background-color:#000000;
    font-size: 14px;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    border:0 dotted white;
    padding:1px 4px 1px 4px;
    text-decoration:none;
    direction:rtl;
}

.MainMenu_MenuItemSel
{
    background-color:#048ABC;
    font-size: 14px;
    padding:1px 4px 1px 4px;
   
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    direction:rtl;
}

.MainMenu_MenuArrow{
display: none;   
}

Thanks Lee it seemed to help, but my main issues remained unsolved: The menu still expanded FROM the wrong side: the submenus are aligned to the left of the text instead to it's right. is it solveable?

oh and of course the menu arrows: i removed them since they behaved really akwardly. I need to change a root item menu's arrow so the graphic arrow will point to left, the arrow will be aligned to the right of the item, and that's also correct for the arrow that points to the bottom (on active item) alignment. moreover, a child-child menu is expanded right, and i need it to be expnaded left. several RTL attributes that were set at some positions like the body table, the menubar css and some other classes - didn't effect.

Hello,

The problem could be that Solpartmenu uses tables in its structure. I have not experimented with RTL setup of Solpart so can't really provide any insight into it.

You may find that it is easier to setup the new DNN Menu that comes with DotNetNuke as apparently you can configure it to work without tables. - But I haven't looked at this menu yet so I can't offer any advice on how to set it up.

It maybe worth asking the question in the main DNN forum to see if anyone else has achieved RTL in SolpartMenu. - If you find the solution, let us know, thanks,