رفتن به مطلب

کمک برای مشکل نمایش شاخه های منو آبشاری (Css)


پست های پیشنهاد شده

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

اینم کد Css منو


#header-top-wrapper { background:#121212 url(images/top-navigation-trans.png) bottom repeat-x; height:35px; margin-bottom:20px; }
#header-top { width:980px; margin:0 auto; }
#header-top ul { font-family:'Yekan'; text-transform:uppercase; font-size:13.5px; }
#header-top ul li { float:right; display:block; margin-left:18px; position: relative; }
#header-top ul li a { color:#999; text-shadow: 0px -1px 0px #000; height: 35px; line-height: 35px; }
#header-top ul li ul { display: none; background: #fff; padding: 0; border: 1px solid #ddd; border-top: 0;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.2);
}
#header-top ul li:hover > ul { display: block; position: absolute; top: 35px; right: 0; z-index: 100; width: 170px; }
#header-top ul li ul li { margin-right: 0; width: 170px; }
#header-top ul li li a:hover { background: #f1f1f1; text-decoration: none; }
#header-top ul li ul li a { color: #777; border-bottom: 1px solid #ddd; display: block; text-shadow: none; height: auto; line-height: normal; padding: 8px; font-size: 13px; }
#header-top ul li ul li:last-child a { border-bottom: 0; }
#header-top ul li ul li ul { display: none; }
#header-top ul li ul li:hover ul { right: 210px; top: 10px; border-top: 1px solid #ddd;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

لینک به ارسال

مشکل تنها از استایل نمیتونه باشه ، مورد استایل رو میتونید از طریق این منو تطبیق بدید تا رفع مشکل بشه ..

  • امتیاز 2
لینک به ارسال

مشکل تنها از استایل نمیتونه باشه ، مورد استایل رو میتونید از طریق این منوتطبیق بدید تا رفع مشکل بشه ..

من هر کاری کردم نشود و همه جا اول سرچ کردم بد اینجا درخواست کردم . این منو هم تست کرده بودم . نمیشه رو همین کدهای خودم توضیح بدید ؟

لینک به ارسال

به این بخش:

#header-top ul li ul li:hover ul

شما display: block اضافه و تست کنید

این کار هم انجام دادم ولی نشد

این آدرس سایت هست

http://www.arsissanat.com

و من با منو بالا مشکل دارم , وقتی رو محصولات میریم 2 تا زیر منو باز میشه به اسم محصولات خانگی و محصولات اداری , وقتی میریم رو محصولات اداری دوباره چند زیر منو باز میشه که از بالا زیر منو 2 اسمش بایگانی هستش و این بایگانی دوباره زیر منو داره ولی باز نمیشه

لینک به ارسال

بیشتر اوقات این مشکل از محدودیت هاست در هاستهای اشتراکی است که باید با مکاتبه با شرکت ارائه دهنده هاست محدودیت روی هاست رو که با اضافه کردن کدهای مربوطه در فایل php.ini برداشته میشه درخواست کنید.

  • امتیاز 1
لینک به ارسال

بیشتر اوقات این مشکل از محدودیت هاست در هاستهای اشتراکی است که باید با مکاتبه با شرکت ارائه دهنده هاست محدودیت روی هاست رو که با اضافه کردن کدهای مربوطه در فایل php.ini برداشته میشه درخواست کنید.

روی 2 هاست و لوکال تست کردم :(

لینک به ارسال

شما باید برای لول سوم هم استایل بدید

مظمئن هستید با اون تغییر یکه گفتم درست نشد؟ چون از همون داره میخونه؟

  • امتیاز 1
لینک به ارسال

شما باید برای لول سوم هم استایل بدید

مظمئن هستید با اون تغییر یکه گفتم درست نشد؟ چون از همون داره میخونه؟

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

هیچ کاریش نمیشه کرد ؟

لینک به ارسال

من الان دیدم و یک تست کردم زیرمنو لول 3 هم باز میشه

عکس رو ببینید

post-1-0-78663300-1374427862_thumb.png

لینک به ارسال

من الان دیدم و یک تست کردم زیرمنو لول 3 هم باز میشه

عکس رو ببینید

این که شما انجام دادی با Html Ezafe kari !! من 15-20 ساعی هست که منو رو عوض کردم . راهی براش پیدا نکردم و منوهارو به 2 دسته محصولات تغیر دادم

لینک به ارسال

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

پس الان مشکل حل شده

موفق باشید

  • امتیاز 1
لینک به ارسال

این بخش را در انتهای کد پیدا کنید


#header-top ul li ul li ul { display: none; }
#header-top ul li ul li:hover ul { right: 210px; top: 10px; border-top: 1px solid #ddd;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

و تغییر دهید به


#header-top ul li ul li ul { display: none; }
#header-top ul li ul li:hover ul { right: 210px; top: 10px; border-top: 1px solid #ddd;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display:block
}

و تست کنید

  • امتیاز 3
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...