Turning a CSS menu from a LTR one to a RTL one

14 views
Skip to first unread message

Abraham Shilon

unread,
Oct 12, 2009, 5:23:32 AM10/12/09
to altnet...@googlegroups.com
Hi to all the javascript/css aces :),

I want to use a menu i've found on the internet to be used as the main menu in my app.
The problem is that i want to convert it from a left to right menu to a right to left one and i have no clue how to do that.
The specific menu i'm talking about can be found here.
It also uses jQuery to build its menu.
I've already posted a new thread on their forums but who knows when i get an answer from them :).

Thank you all,
Avi

Ori Peleg

unread,
Oct 12, 2009, 6:44:19 AM10/12/09
to altnet...@googlegroups.com
It seems like you can add this CSS rule:

.jquerycssmenu ul lifloat:right; direction: rtl; }

And change the <br> at the end to:

<br style="clear: right;">
--
Check out my blog: http://orip.org

Abraham Shilon

unread,
Oct 12, 2009, 7:15:24 AM10/12/09
to altnet...@googlegroups.com
Ori, thanks, it sure is a step in the right direction.
The main issues that's still left unresolved are the location of top sub menu items (they start at the left of their corresponding menu items), and
the flow of the sub menus (they flow from left to right instead of the other way around).

Thanks guys.

Felix Gartsman

unread,
Oct 12, 2009, 7:32:51 AM10/12/09
to altnetisrael
Try running CSS Janus (http://cssjanus.commoner.com/) on the CSS, it
usually works.

On Oct 12, 11:23 am, Abraham Shilon <avi.shi...@gmail.com> wrote:
> Hi to all the javascript/css aces :),
> I want to use a menu i've found on the internet to be used as the main menu
> in my app.
> The problem is that i want to convert it from a left to right menu to a
> right to left one and i have no clue how to do that.
> The specific menu i'm talking about can be found
> here<http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_...>
> .

Abraham Shilon

unread,
Oct 12, 2009, 7:48:34 AM10/12/09
to altnet...@googlegroups.com
Cool site Felix, thanks.
Well, it didn't work for me (this is my luck. Nothing ever works for me :) ).
But may be good for future uses.

Ori Peleg

unread,
Oct 12, 2009, 9:45:29 AM10/12/09
to altnet...@googlegroups.com
To align the submenus:

.jquerycssmenu ul li ul { right:3px; }

This may be too specific, but 'right:0' was a little off on FF 3.5

There's still a problem with the top border, not sure about that.

Abraham Shilon

unread,
Oct 12, 2009, 10:15:50 AM10/12/09
to altnet...@googlegroups.com
Ori, toda raba!
Well, there's still work to do with this menu :)
But, thanks a lot dude.
Reply all
Reply to author
Forward
0 new messages