drop-down-menu

این تاپیک 4 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  Af.Sa.Ne ،‏ 1 سال و 2 ماه پیش .

این تاپیک تاکنون 346 بازدید داشته است .

نویسنده پست
دوشنبه ، 7 سپتامبر 2015     10:17 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام

در پروژم یه drop down menu دارم که میخوام منوی زیری جوری باز بشه که روی اسلایدشو قرار بگیره.. (مثل عکس یک)

ولی ساب منوی من زیر اسلایدشو میره !!!(عکس 2)

و میخوام ساب منو مثل عکس اول از منو فاصله بگیره، با پراپرتی top میتونم جابه جاش کنم ولی در اینصورت موقع بردن موس روی آیتم یه حالت پرش اتفاق میفته و ساب منو مخفی میشه!!

یه اسکرول عمودی اضافه هم در قسمت هدر ایجاد شده که نمیدونم چرا؟!!

ممنون میشم دوستان کمک کنن :)

 

پیوست ها:
You must be logged in to view attached files.
1  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، 8 سپتامبر 2015     4:21 ق.ظ # پاسخ تائید شده توسط سوال کننده


وحید صالحی

Authorplus
VIP
548 پست4 تاپیک

سلام به زیر منو پراپری z-index بده مثل حالت زیر:

z-index:999;

عددش اختیاریه من عدد بزرگ دادم که مطمئن بشم روش قرار بگیره

برای فاصله گرفتم از بالا هم از پراپرتی margin-top بده و مقدار مورد نظر رو برای فاصله گرفتن بهش بده مثلا 20px

1  تشکر
سه شنبه ، 8 سپتامبر 2015     12:08 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام آقای صالحی ممنون از پاسختون

ولی مشکل اصلی کدهای من مثل اینکه در قسمت header بوده! آخه من به هدر overflow:auto داده بودم که باعث میشد حتی با وجود دادن z-index به ساب منو بازم درست نشه. از پراپرتی float:left استفاده کردم که درست شد و حتی اسکرول عمودی اضافه هم از بین رفت..

فقط مشکل پرش و مخفی شدن،  وقتی موس رو میخوام روی آیتم های ساب منو ببرم وجود داره متاسفانه!

کدهای این قسمت رو برای بررسی بهتر و راحت تر قرار میدم..

drop-down-menu

با تشکر

0  تشکر
یکشنبه ، 13 سپتامبر 2015     3:31 ق.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

شما به #main-menu li ul

top:100% بدید مشکل حل میشه

1  تشکر
دوشنبه ، 14 سپتامبر 2015     5:52 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام آقای کتابی تشکر ولی با این کار هم درست نشد.(البته پراپرتی top هم لازم بود )

امـــا نمیدونم شاید بشه گفت یه کار غیرحرفه ای و البته ساده انجام دادم و همونی شد که میخواستم !

دیدم هر کاری میکنم ساب منو دقیقا زیر li منو باز میشه و فاصله نمیگیره ! پس به li های سطوح یک یعنی به جز ساب منو پراپرتی height:60px دادم و درست شد. :)

 

 

 

1  تشکر
پست 1 تا 5 (از مجموع 5 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .