مشکل با زیرمنو در منوی افقی

[saeed_sho]

سلام
میدونم سؤالم خیلی تکراریه
میخوام منوی افقی بزنم و زیرمنوهاش dropdowlist باشه و تا لایه های نامحدود رو نشون بده
لایه اول درسته اما لایه ی دوم افقی هستش و لایه ی سوم درست نشون نمیده
این کدمه

<div dir="rtl" id="wrapper">
<ul class="nav">
<li class="selected"><a href="#"><span>گوگل</span></a></li>
<li><a href="#"><span>یاهو</span></a>
<ul class="nav">
<li><a href="#"><span>جیمیل</span></a></li>
<li><a href="#"><span>یوتیوب</span></a></li>
</ul>
</li>
<li><a href="#"><span>برنامه نویس</span></a></li>
<li><a href="#"><span>فیسبوک</span></a>
<ul class="nav">
<li><a href="#"><span>تماس با ما</span></a>
<ul class="nav">
<li><a href="#"><span>دانلود</span></a></li>
</ul>
</li>
<li><a href="#"><span>saeed</span></a></li>
</ul>
</li>
</ul>
</div>

#wrapper
{
width: 960px;
text-align: center;
border: 1px solid #000000;
z-index: 10;
}
.nav, .nav ul
{
margin: 0 auto;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
display: block;
width: 960px;
z-index: 12;
font-size: 16px;
text-align: right;
width: 960px;
}
.nav li a:link, .nav li a:active, .nav li a:visited
{
background-color: #345D9C;
background-image: linear-gradient(center top, #5C8AD1, #254C88);
background-image: -moz-linear-gradient(center top, #5C8AD1, #254C88);
background-image: -webkit-linear-gradient(center top, #5C8AD1, #254C88);
background-image: -o-linear-gradient(center top, #5C8AD1, #254C88);
background-image: -ms-linear-gradient(center top, #5C8AD1, #254C88);
border-left: 1px solid #5C8AD1;
border-top: 1px solid #3A65A8;
display: block;
padding: 10px 20px;
color: #ffffff;
text-decoration: none;
background-color: #333333;
text-align: right;
font-weight: bold;
}
.nav .selected a:link, .nav .selected a:active, .nav .selected a:visited
{
background-color: #ffffff;
background-image: linear-gradient(center top, #E3E3E3 10%, white 50%);
background-image: -moz-linear-gradient(center top, #E3E3E3 10%, white 50%);
background-image: -webkit-linear-gradient(center top, #E3E3E3 10%, white 50%);
background-image: -o-linear-gradient(center top, #E3E3E3 10%, white 50%);
background-image: -ms-linear-gradient(center top, #E3E3E3 10%, white 50%);
border-color: #ffffff !important;
border-left-style: solid;
border-left-width: 1px;
border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-right-style: solid;
border-right-width: 1px;
border-top-style: solid;
border-top-width: 1px;
display: block;
padding: 10px 20px;
color: #3464A5;
text-decoration: none;
background-color: #333333;
text-align: right;
font-weight: bold;
}
.nav li a:hover
{
color: #ffffff;
background: #174381;
}
.nav li
{
float: right;
position: relative;
font-weight: bold;
}
.nav ul
{
position: absolute;
display: none;
}
.nav li ul a
{
float: right;
}
.nav ul ul
{
top: auto;
width: 100%;
z-index: 10000712;
}
.nav li ul ul
{
position: relative;
margin: 0 0 0 10px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul
{
display: none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul
{
display: block;
}
چطوری میشه تا لایه ی نامحدود رو ساپورت کنه؟
لطفا راهنمایی کنید

[saeed_sho]

این منو رو ببینید من css منوشو دیدم تا نوشتنشو یاد بگیرم
نوع باز شدنش میخوام عین اون باشه اما تعداد زیرمنوهاش محدوده
http://www.htmldrive.net/items/show/1070/CSS3-multiple-color-Top-Fixed-Menu
چطوری میشه منویی درست کرد که تعداد زیرمنوهاش نامحدود باشه؟

[saeed_sho]

دوستان من بار اوله منو با این روش میزنم چند روزه درگیرم لطفا کمک کنید
اگه تعداد زیرمنوها محدود باشه و مدیر سایت بخواد منو اضافه کنه دچار مشکل میشه راه حل چیه؟
منویی که زدم سطح دومش افقیه میخوام عمودی باشه مقدار float رو none میدم درست نمیشه :گریه:

[saeed_sho]

کدهای منوی قبلی رو بیخیال این کدهارو زدم تا حدود زیادی درسته
سناریو رو خودم درست کردم اما وقتی موس میره روی زیرمنوی اول زیرمنوی دوم نشون داده نمیشه

<div dir="rtl" id="wrapper">
<ul class="menu">
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a>
<ul class="submenu">
<li><a href="#">submenu1</a></li>
<li><a href="#">submenu2</a>
<ul class="submenu">
<li><a href="#">submenu-submenu1</a></li>
<li><a href="#">submenu-submenu2</a>
<ul class="submenu">
<li><a href="#">submenu-submenu-submenu1</a></li>
<li><a href="#">submenu-submenu-submenu2</a></li>

</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
</ul>
</div>

.wrapper
{
width: 960px;
border: 1px solid #000000;
z-index: 10px;
text-align: center;
}
.menu, .menu ul
{
list-style: none;
list-style-position: outside;
width: 960px;
margin: 0 auto;
padding: 0;
font-size: 16px;
text-align: right;
}
.menu li
{
float: right;
position: relative;
margin-left: 3px;
font-weight: bold;
}
.menu ul
{
position: absolute;
top: 21px;
right: -1px;
width: 150px;
padding: 0;
display: none;
}
.submenu ul
{
position: absolute;
top: 0;
right: 150px;
width: 150px;
padding: 0;
display: none;
}
.menu ul li
{
float: none;
padding: 0;
margin: 0;
line-height: 25px;
}
.submenu ul li
{
float: none;
padding: 0;
margin: 0;
line-height: 25px;
}
.menu li:hover ul.submenu
{
display: block;
}
.submenu li:hover ul.submenu
{
display: block;
}
.menu li:hover ul.submenu ul
{
display: none;
}
.submenu li:hover ul.submenu ul
{
display: none;
}

این قسمت درس کار نمیکنه
.submenu li:hover ul.submenu
{
display: block;
}

لطفا کمک کنید

[Saber Mogaddas]

سلام
منو رو به صورت فایل html قرار بدید ، مفهوم سوالتون واضح نیست کجا نا محدود باشه ؟ اصلا مشکل اینه و یا مشکل باز نشدن زیر منو هست ، با همین مثالی که قرار دادید می تونید با کمی تغییرات به هر شکلی که می خواهید درش بیارید!
در هر صورت کد ها رو به صورت توضیح واضح قرار بدید تا بررسی شه.
موفق باشید..

[saeed_sho]

منو رو گذاشتم در یه یوزرکنترل و داخل یه وب سایت آخه پروژه خودم وب اپلیکیشنه

[saeed_sho]

دو تا مشکل داره:
1-زیرمنوی سوم باز نمیشه به نظرم همه چیز درسته نمیدونم چرا باز نمیشه
2-میخوام مدیر سایت هر چندتا زیرمنو اضافه کنه منو کار کنه و محدودیت از نظر css نداشته باشه در واقع تا n زیرمنو رو پشتیبانی کنه

بار اوله منو میزنم باور کنید خیلی روش کار کردم
ظاهرشو خودم درست میکنم فقط لطفا راهنمایی کنید زیرمنوها کامل باز بشه

[saeed_sho]

بیشتره مشکلاتو حل کردم فقط به آخرین زیرمنوها یه زیرمنو اضافه کنید میبینید که یکم دچار مشکل میشه
این درسته که با اضافه شدن زیرمنو به آخرین سطح زیرمنوها css رو تغییر بدیم ؟ آخه اینجوری که خیلی ضایع ست
چطوری میشه css رو داینامیک کرد تا هر بار با اضافه شدن زیرمنو به آخرین سطح زیرمنوها دیگه لازم نباشه دستی css رو تغییر بدیم

[saeed_sho]

همه چیز درست شده فقط این مشکل کوچیک مونده لطفا کمک کنید
به آخرین زیرمنو یه زیرمنو اضافه کنید میبینید مشکل چیه
نمیشه که هربار لایه ها یا همون زیرمنوها زیاد میشه css رو دستی تغییر بدیم :متفکر:
فرض کنید مدیر سایت منو رو تغییر میده و میخواد تا n زیرمنو اضافه کنه
مشکلم الان اینه

[saeed_sho]

فرض کنید من طوری سی اس اس نوشتم که تا 4 زیرمنو رو راحت نشون میده وقتی زیرمنوی پنجم اضافه میشه ( منظورم اینه که درون هم باشن تو در تو یعنی یه زیرمنو خودش زیرمنو داشته باشه تا 5 لایه ) دچار مشکل میشه
نمیشه مدیر سایت زیرمنوهای تو در تو رو از 4 لایه بیشتر کرد دچار مشکل بشه
فقط بحث لایه ی پنجم نیست کلا تعداد لایه ها یا همون زیرمنوهای تو در تو بیشتر شد چکار کنم منو به هم نریزه؟
خب راه حل اصولیش چیه؟

[davoodi]

سلام دوستان.
کسی میدونه چطور میشه این منو رو با زیر منو تا چهار سطح درست کرد؟

http://webgoo.ir/92/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D8%B4%D9%88%DB%8C%DB%8C-%D8%A8%D8%A7-%D8%AA%DA%AF-ul-li-%D9%88-css#comment

ممنونم.

[saeed_sho]

سلام دوستان.
کسی میدونه چطور میشه این منو رو با زیر منو تا چهار سطح درست کرد؟

http://webgoo.ir/92/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-%DA%A9%D8%B4%D9%88%DB%8C%DB%8C-%D8%A8%D8%A7-%D8%AA%DA%AF-ul-li-%D9%88-css#comment

ممنونم.
در پست 8 یه یوزر کنترل گذاشتم تا 3 تا زیر منو رو پشتیبانی میکنه دانلود کن ببین بدردت میخوره
هر استایلی خواستی خودت بده

[saeed_sho]

اگه منو رو تنظیم کنم که تا 5 زیرمنو تو در تو رو نشون بده کافیه ؟
هر بار مدیر سایت لازم داشت خودم باز استایلو تغییر بدم تا تعداد بیشتری زیرمنوی تو در تو نشون بده؟
این کار منطقیه؟

[saeed_sho]

خوده منو و ظاهرشو زدم فقط اگر به آخرین لایه ی زیرمنو یعنی زیرمنوی سعید یه آیتم اضافه کنید دچار مشکل میشه
میشه لطفا کمک کنید منو رو fix کنیم تا با هر بار زیاد شدن زیرمنوهای تو در تو بهم نریزه و تا n لایه زیرمنوی تو در تو رو ساپورت کنه