1
Hi.
My HTML code is
le="color: #000000"><?php <div id="xo-globalnav"><ul> <li class="x2-label"><!-- <{$smarty.const.THEME_NAVTITLE}> --> </li> <!-- menu en mode anonyme --> <li><a href="<{xoAppUrl index.php}>" accesskey="a" title="Home">صفحه اصلی</a></li> <{if !$xoops_isuser}> <{/if}> <li><a accesskey="" title="اخبار">اخبار و مقالات</a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="<{xoAppUrl modules/news}>" title="اخبار موسسه">اخبار موسسه</a> <ul> <li><a href="<{xoAppUrl modules/news/archive.php}>" title="آرشیو اخبار">آرشیو اخبار</a></li> <li><a href="<{xoAppUrl modules/news/submit.php}>" title="ارسال خبر">ارسال خبر</a></li> </ul> </li> <li><a href="<{xoAppUrl modules/smartsection/}>" title="مقالات">مقالات</a></li> <li><a href="<{xoAppUrl modules/smartsection/}>" title="ارسال مقاله">ارسال مقاله</a></li> </ul></li> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </ul> </div>
& My CSS code is
le="color: #000000"><?php /*============= Style pour l'include globalnav.html ================*/ #xo-globalnav { /*color: #32529C; margin: 0px; background-color: #E2E2E2; padding: 2px 25px 0; min-height: 20px; font-size: 1.1em; font-weight: bold; list-style-type: none;*/ position: relative; display: block; background:url(img/navbg_02.gif) repeat-x; width:100%; height:42px; border-bottom:2px solid #fff; } #xo-globalnav img{ padding: 0; margin: 0; } #xo-globalnav .x2-label{ display: none; } * html #xo-globalnav { height: 10px; } #xo-globalnav ul { margin:0px; z-index: 10; position: absolute; list-style-type: none; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; padding-top:-2px; padding-bottom:20px; display:block; width:100%; } #xo-globalnav li { display: block; position: relative; z-index: 5; float: right; } #xo-globalnav li:hover { z-index: 10000; white-space: normal; } #xo-globalnav li:hover ul { visibility: visible; top: 0; } #xo-globalnav li li:hover ul { top: 0px; left: -80px; } #xo-globalnav li ul li:hover ul { display:block; top: 0px; left: -80px; } #xo-globalnav:after, #xo-globalnav ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } #xo-globalnav ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } #xo-globalnav ul a { display: block; text-align: center; white-space: nowrap; height: 20px; width: 180px; overflow: hidden; line-height: 20px; background-position: left top; background-repeat: repeat-x; border-width: 0; border-style: solid; } #xo-globalnav ul li{ position: relative; display: inline; float: right; z-index:auto !important ; height: 2em; z-index: 1000; width: auto; } #xo-globalnav ul li a{ text-decoration: none; font-size: 12px; font-weight:bold; display: block; line-height: 2.1em; padding-right: 8px; padding-top:0px; padding-bottom:15px; padding-left: 0px; text-decoration: none; color:#fff; width: 100%; border:thin #333 solid; } #xo-globalnav ul li a:hover { color:#EDEDED; background:url(img/navhover_02.gif) repeat-x top; font-size: 12px; font-weight:bold; text-decoration:none; width: 100%; height:18px; } #xo-globalnav ul li ul{ display: none; border-top: none; border-right: none; background-color: transparent; border-right: none; width: 130px; margin: 0; padding: 0; } #xo-globalnav ul li:hover a{ } #xo-globalnav ul li:hover ul{ display: block; position: absolute; z-index: 999; top: 2em; margin-top: 0em; right: 0; } * #xo-globalnav table{ position: absolute; top: 2px; right: 0; border-collapse: collapse; } #xo-globalnav ul li a:hover ul{ display: block; position: absolute; z-index: 999; top: 30px; top: 2em; right: 0; margin-top: 0.1em; } #xo-globalnav ul li ul li{ background-color: #546F80; margin: 0; left:19px; padding: 0; border-bottom:1px solid #000; } #xo-globalnav ul li:hover ul li{ display: block; width: 130px !important; border-right: 1px solid #000; top: 1.7em; margin: 0; padding: 0; } #xo-globalnav ul li a:hover ul li a{ display: block; height: 1px; line-height: 1.3em; padding: 10px; border: none; font-weight: normal; } #xo-globalnav ul li:hover ul li a{ font-size: .9em; width: 120px !important; text-align:right !important; padding: 0 5px 0 5px; margin: 0; } #xo-globalnav ul li:hover ul li a:hover{ color: #fff; background-color: #77ACCD; text-decoration: none; width: 120px !important; margin: 0; padding: 0 5px 0 5px; } /* #xo-globalnav a { color: #32529C; text-decoration: none; background: inherit; } #xo-globalnav a:hover { color: #EAAD7B; text-decoration: none; background: inherit; } */
Please fix this code for me
Menu ---> Sub Menu ---> Sub Menu 2
for right to left
thanks
