jQuery Multi Level CSS Menu #1 Right to Left

[ashilon]

Hi,

I'm trying to use the excellent menu, found here (http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_horizontal_blue/).
I'm trying to convert it from an ltr menu to a rtl one.
Since i am totally new to javascript, css etc. i'm having a hard time figuring out how this can be accomplished.
I would greatly appreciate any help with this.

Thank you very much,
Avi

[vijan87]

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

In this CSS change float: left to float: right

[ashilon]

Well, it is a start :)
What it does is it just makes the menu appear on the right.
The direction of the menu is still ltr, and the first sub level menus aren't aligned correctly.
Since I'm totally new to web development, i can't do this on my own.
Thank you very much.
Avi

[simcomedia]

I'm a little fuzzy on your request. So, instead of it going ltr with Link One, Link Two, Link Three, etc. you want it to go ltr Link Five, Link Four, Link Three, Link Two, Link One? Backwards in the count?

[ashilon]

Well, no not exactly :)

Here is an example of what need:
http://www.obout.com/em/ex_horizontal_rtl.aspx

And another one:
http://demos.mcmscontrols.com/ASPNET/Menu/Examples/Functionality/RightToLeft/DefaultCS.aspx

Hope this will make things clearer.

Thank you all :)

[simcomedia]

Ok, I think I get it now. You want the sub-menus when they open to open toward the left. Is that correct?

[ashilon]

Yup :)
And the sub menus aligned to the right edges of their top menu items. Just like in those live demo menus.

Thanks a bunch.