1
Hi.
My HTML code is
<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
/*============= 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
