مشکل در منوی کشویی

[Ghaem 1492]

سلام دوستان

من دارم یه منوی کشویی رو راستچین می کنم.

این هم بخشی از کدهای سی اس اس این منو:

.nav-main .navbar-nav ul ul{
left:150px;
padding-left:5px;
top:0
}
.nav-main .navbar-nav ul ul ul{
left:145px
}
.nav-main .navbar-nav ul{
clip:rect(0,0,0,0);
margin-top:30px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:.3s;
transition:.3s
}
.nav-main .navbar-nav li:hover>ul{
clip:rect(0,1500px,1500px,0);
margin-top:0;
opacity:1;
filter:alpha(opacity=100)
}

با این کدها زیر منوها به سمت راست باز می شن که من برای باز شدن به سمت چپ به این صورت تغییرشون دادم:

.nav-main .navbar-nav ul ul{
right:150px;
padding-right:5px;
top:0
}
.nav-main .navbar-nav ul ul ul{
right:145px
}

اما زیرمنوها باز نمیشن.

با یکم دستکاری کردن کدها فهمیدم که مشکل از کدهای زیره:

.nav-main .navbar-nav ul{
clip:rect(0,0,0,0);
margin-top:30px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:.3s;
transition:.3s
}
.nav-main .navbar-nav li:hover>ul{
clip:rect(0,1500px,1500px,0);
margin-top:0;
opacity:1;
filter:alpha(opacity=100)
}

چطور باید این مشکل رو حل کنم؟

قالب هم روی لوکال هاسته.

[دانیال 172]

خوب عزیز هیچکس نمیاد اینارو اینطوری چک کنه

نمونه ی آنلاین بذار

jsfiddle.net

[شهاب 283]

سلام دوستان

من دارم یه منوی کشویی رو راستچین می کنم.

این هم بخشی از کدهای سی اس اس این منو:

.nav-main .navbar-nav ul ul{
left:150px;
padding-left:5px;
top:0
}
.nav-main .navbar-nav ul ul ul{
left:145px
}
.nav-main .navbar-nav ul{
clip:rect(0,0,0,0);
margin-top:30px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:.3s;
transition:.3s
}
.nav-main .navbar-nav li:hover>ul{
clip:rect(0,1500px,1500px,0);
margin-top:0;
opacity:1;
filter:alpha(opacity=100)
}

با این کدها زیر منوها به سمت راست باز می شن که من برای باز شدن به سمت چپ به این صورت تغییرشون دادم:

.nav-main .navbar-nav ul ul{
right:150px;
padding-right:5px;
top:0
}
.nav-main .navbar-nav ul ul ul{
right:145px
}

اما زیرمنوها باز نمیشن.

با یکم دستکاری کردن کدها فهمیدم که مشکل از کدهای زیره:

.nav-main .navbar-nav ul{
clip:rect(0,0,0,0);
margin-top:30px;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:.3s;
transition:.3s
}
.nav-main .navbar-nav li:hover>ul{
clip:rect(0,1500px,1500px,0);
margin-top:0;
opacity:1;
filter:alpha(opacity=100)
}

چطور باید این مشکل رو حل کنم؟

قالب هم روی لوکال هاسته.

شما با rtl.css فارسی سازی کردی؟؟

اگه آره ، خب باید کدهای استایل رو هم خنثی کنید. ببخشید اگه جسارتی کردم . میدونم که شما اینو بهتر از من میدونی اما فقط عرض کردم شاید مشکل از این باشه.