i can’t fin out how to make it RTL (i edited menu.css but sub menu position is wrong and i can’t make it correct)
can someone make it right align ( and showing submenu on right position )
this is my edited menu.css
/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * @copyright Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */
#nav { padding:0 1px; font-size:1.1em; float: left; position: relative; background-image: url(../images/nav_divider.gif); background-repeat: no-repeat; background-position: left bottom; } #nav li a { color: #0D998B; background-image: url(../images/nav_divider.gif); background-repeat: no-repeat; background-position: right bottom; line-height:1.3em; display:block; text-decoration:none; float:left; font-weight:bold; } #nav a span { display: block; padding: 6px 12px 13px 10px; margin: 0 1px 0 0; width: 100%; height: 100%; cursor:pointer; } #nav li > a:hover span { color: #333333; background-image: url(../images/nav_link_bg.gif); background-repeat: no-repeat; background-position: center bottom; } #nav li ul a, #nav li ul a span, #nav li ul a:hover, #nav li ul a:hover span { background: none; } #nav li { list-style:none; float: left; display: block; } #nav li.parent ul, #nav li.active ul { /*put the subnavs below and hide them all*/ display: none; position: absolute; top: 28px; padding-top: 3px; left: 0; width: 950px; } #nav li.active a { } #nav li.active ul a, #nav li.parent ul a { float: left; /*ie doesn't inherit the float*/ border: 0; color: #02C1B1; width: auto; margin-right: 5px; } #nav li.active ul a:hover, #nav li.parent ul a:hover, #nav li ul a:hover span { color: #E0F90C !important; } #nav li.active ul { /*display active subnav list*/ display: block; } #nav li.parent:hover ul { /* display the other topics when their parent is hovered */ display: block; z-index: 6000; }
#nav li ul li ul { display: none !important; top: 32px !important; }
#nav li ul li:hover ul { display: block !important; background-color: #333333; color: #E0F90C !important; height: 30px !important; overflow: hidden; padding: 0px !important; }
/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * @copyright Copyright (c) 2004-2007 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */
/************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { list-style:none; position:relative; text-align:right;
} #nav li.over { z-index:99; } #nav li.active { z-index:999; } /* to prevent the li separator from showing through on mouseover on li */ #nav a { line-height:1.3em; } #nav a, #nav a:hover { display:block; text-decoration:none; } #nav span { display:block; cursor:pointer;}
/************ 1ST LEVEL RESET ************/ #nav ul li, #nav ul li.active { float:none; height:auto; background:none; margin:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; }
/* Show menu */ #nav li.over ul { left:-100pt; } #nav li.over ul ul { left:-10000px; } #nav li.over ul li.over ul { left:-100px; }
#nav ul li a { background:#ecf3f6; } #nav ul li a:hover { background:#d5e4eb; } #nav ul li a span { background:url(../images/nav_divider.gif) repeat-x 0 100%; } #nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;} #nav ul li.last span { background:none; }
/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; } #nav ul ul ul { left:-10000px; } #nav li.over ul li.over ul ul { left:-10000px; } #nav li.over ul li.over ul li.over ul { left:100px; }
let me help you on RTL css and add it to next release , i changed magento-0.6.12840 css for RTL support and i don’ know which css file changed in recent relase,i’ll add rtl support to magento-0.6.12840 (css and templates) and will give it to you.
sorry for my bad english
