مشکل در کد css مربوط به طراحی منو آبشاری

[m3hdi.t]

سلام .
من به قالبم یه کلاس ماژول دادم با عنوان Services_ برای طراحی منوی آبشاری در سایتم .

مشکلی که دارم در این کد اینه که ::



#services {
margin-top:10px;
width:176px;
height:auto;
background:#fff;
border-top:4px solid #9a9a9a;
border-bottom:2px solid #9a9a9a;
box-shadow: 2px 2px 2px #d1d1d1;
direction:rtl;
z-index:1000px;
-moz-box-shadow: 2px 2px 2px #d1d1d1;/* Old Firefox */
-webkit-box-shadow: 2px 2px 2px #d1d1d1;/* Old Chorome */
-o-box-shadow: 2px 2px 2px #d1d1d1;/* Old OPERA */
-ms-box-shadow: 2px 2px 2px #d1d1d1;/* Old IE */
}

#services .menu_services ul{
margin:0px;
padding:0px;
*border-top:1px #333 solid;/*IE 7*/
}

ul.menu_services {
background-color:#333;
}

.menu_services li {
list-style:none;
}
ul.menu_services li {
border-bottom:#fff solid 1px;
}
.menu_services a {
color:#fff;
display:block;
height:25px;
line-height:25px;
text-decoration:none;
width:100%;
}

.menu_services a:hover{
_background-color:#39C;/*IE 6*/
_display:block;/*IE 6*/
}
.menu_services li:hover {
background-color:#39C;
position:relative;
}




تا این قسمت که کدم رو وارد میکنم درست عمل میکنه ...

اما زمانی که ادامه کد زیر رو وارد میکنم دیگه هیچ گزینه ای از منو بهم نمایش نمیده . .. .




ul.menu_services {
display:none;
}
li:hover .menu_services {
background-color:#666;
border:#fff solid 1px;
display:block;
position:absolute;
right:150px;
top:0px;
}
ul.menu_services li {
border:none;
float:right;
width:150px;
*background-color:#666;/*IE 7*/
}
#services.menu_services {
background-color:#666;
}
#services .menu_services .menu_services {
background-color:#666;
}
li:hover .menu_services .menu_services {
display:none;
}
.menu_services li:hover .menu_services {
display:block;
*left:0px;/*IE 7*/
}



مشکل اساسیش هم با کد خط اول هستش . . . قابل ذکر که بگم این کد در حالت عادی HTML معمولی درست کار میکنه ...

ممنون میشم مشکل کارم بگید کجاست ؟؟؟؟

[shmata]

اگر منظورتون اینه که به ماژول تون کلاس suffix باید علامت # از service حذف کنید و عبارت service به کلاسی که اون ماژول از آن استفاده میکند اضافه کنید مثلا
moduletable_service.
به این صورت استایل میگیره.

[m3hdi.t]

راستش آقا شهاب من طبق این آموزشی که در یه سایت دیگه بود " لینک به سایت " یک منو ایجاد کردم به نام خدمات شرکت | بعدش رفتم به قسمت مدیریت ماژول ها و اون منو را انتخاب کردم . و از قسمت " گزینه های پیشرفته " در قسمت " پسوند کلاس ماژول " یه پسوند با عنوان " services_ " قرار دادم . وقتی رو قالب سایتم راست کلیک کردم و open sorce زدم اون خاصیت مربوطه رو دیدم " <ul class="menu_services"> " بعدش هم طبق روال کد زنی معمولیم شروع به کد زدن کردم تا به اون قسمت مربوطه رسیدم { منظور همون جایی که کد خراب میشه " } " اما من از این moduletable_service. متوجه منظورتون نشدم . الان کلاس من رو به UL داده و نه به moduletable.

[shmata]

شما باید از menu_services. استفاده کنید تا منوتون استایل بگیره .

[m3hdi.t]

منظورتون اینکه در این قسمت ماژول باید بنویسم " _services " اول خط تیره و بعدش ما بقی کلاس ؟؟؟

لینک عکس (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

[shmata]

منظورتون اینکه در این قسمت ماژول باید بنویسم " _services " اول خط تیره و بعدش ما بقی کلاس ؟؟؟

لینک عکس (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>)

شما باید در فایل css تون به menu_services. استایل بدید.
اگر آدرس سایت تونو بدید بهتر میتونم کمک تون کنم.