زیرمنوهای تو در تو

[sardar 68]

با سلام

تمام آموزشها رو دنبال کردم اما به نتیجه نرسیدم.

ساخت زیر منوها با استفاده از فهرست برای من کمی گیج کننده اس!

وقتی با css زیرمنو میسازم حداقل تا 2 لایه عمل می کنه. میخواستم بدونم چطوری میشه با استفاده جی کوئری و یا چیز دیگه کد نویسی css رو کم کرد و بشه تا تعداد زیادی زیرمنو ساخت با قابلیت ایجاد زیرمنو برای هرکدام!

تشکر

[Morteza 34190]

سلام

چرا تا 2 لایه؟ با همون متد css میشه تا بینهایت زیرمنو رفت پایین:

http://jsfiddle.net/4rUrb/

[sardar 68]

متشکرم. الان من کدهای جدید رو جایگزین کردم، کار کرد اما مثل قبلی نمیتونم باهاش کار کنم. اگر میشه کد زیر را به صورت یک منو کشویی ساده در بیارید! تا کارکردشو یاد بگیرم.

#nav-menu{
  float: right;
  font-family:'BYekan', tahoma;
  font-size: 14px;
}
#nav-menu ul{
  margin-top: 5px;
}
#nav-menu ul li{
  float: right;
  display:inline;
  list-style-type: none;
  margin: 0 10px 0 0;
}
#nav-menu ul li a{
  display: block;
}
#nav-menu ul li ul{
  display:none;
  width: 60px;
  height: 20px;
  background: #DC143C;
}
#nav-menu ul li:hover>ul{
  display:block;
  position: absolute;
  margin: 0;
  padding: 0 10px 0 10px;
}
#nav-menu ul li ul:hover>li,
#nav-menu ul li ul.hover>li{
   float: right;
}

ممنون

[Morteza 34190]

روی همون نمونه ایی که دادم آپدیت کنید تا بررسی کنم.

[sardar 68]

بفرمایید:

#nav-menu{
  float: right;
  font-family:'BYekan', tahoma;
  font-size: 14px;
}
#nav-menu ul{
  margin-top: 5px;
}
#nav-menu ul li{display:inline;}
#nav-menu ul li ul{ display:none;}
#nav-menu ul li:hover>ul{
    display:block;
}

[Morteza 34190]

یک سوال. منوی کشویی از کنار یا بازشو ار بالا به پایین؟

[sardar 68]

یک سوال. منوی کشویی از کنار یا بازشو ار بالا به پایین؟

بازشو از بالا پایین برای فهرست. چون وقتی زیر منوها در فهرست قرار میگیرند شکل مشخصی ندارند.

کدی باشد که این زیر منوها را سرو سامان بده!

تشکر

[Morteza 34190]

نمونه:

http://jsfiddle.net/4rUrb/1/

تایپک زیر رو هم بخونید:

ساخت منو drop down برای دسته بندی ( موضوعات ) با css

[sardar 68]

بسیار عالی بود متشکر.

یک مشکل وجود دارد! برای اینکه زیرمنوها بر همه ی ساختار ارجعیت داشته باشند چه کاری باید انجام داد. برای مثال بنده در قالب اسلایدشویی قرار دادم و زمانی که موس روی منو میرود زیرمنو زیر اسلایدشو قرار می گیرد و دیده نمی شود!

[Morteza 34190]

از خاصیت z-index بایداستفاده کنید.

به فهرست خاصیت position:relative بدید و بعد خاصیت z-index:999 رو بدید.