Joomla Templates Club 406,261 posts

[itamar Friend itamarJoin date: December 2006Posts: 15Downloads:0Uploads:0 Thanks: 4]

#140979

hi
i have a hebrew rtl site.

how can i align moo or css menu 2nd level so it will open to the left of 1st level (and not to the right as it is usually) ?

10x

[parpar Friend parparJoin date: July 2007Posts: 19Downloads:0Uploads:0 Thanks: 6 Thanked: 2 times in 1 posts]

#303944

replace the first part of the menu css with this one and tell me how it works for you

#ja-cssmenu {
direction:rtl;
margin: 0; /* all lists */
padding: 0;
float: none;
text-align: right;
background: url(../../images/vdot1.gif) no-repeat 4% 13px;
}

#ja-cssmenu ul {
text-align: right;
margin: 0; /* all lists */
padding: 0;
}

#ja-cssmenu li {
margin: 0; /* all list items */
padding: 0;
float: right;
display: block;
background: none;
cursor: pointer;
position: relative;
background: url(../../images/vdot1.gif) no-repeat 100% 13px;

}

#ja-cssmenu li ul {
float: right;
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
width: 15.9em;
right: 0;
}

#ja-cssmenu li ul ul {
margin: -1.5em 15.2em 0 0 ; /* third-and-above-level lists */

}

#ja-cssmenu li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}

#ja-cssmenu ul a {
width: 14.8em;
width: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
top: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
top: auto;
}

1 user says Thank You to parpar for this useful post

1. itamar

[itamar Friend itamarJoin date: December 2006Posts: 15Downloads:0Uploads:0 Thanks: 4]

#304191

great, it works perfectly 🙂

[itamar Friend itamarJoin date: December 2006Posts: 15Downloads:0Uploads:0 Thanks: 4]

#304193

hmm
it works in FF, but in ie7 by mouse over the whole menu disappears…

[Author]

Posts