رفتن به مطلب

کمک برای مشکل نمایش شاخه های منو آبشاری (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;
}

لینک به ارسال

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

لینک به ارسال

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

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

لینک به ارسال

به این بخش:

#header-top ul li ul li:hover ul

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

لینک به ارسال

به این بخش:

#header-top ul li ul li:hover ul

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

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

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

http://www.arsissanat.com

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

لینک به ارسال

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

لینک به ارسال

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

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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

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

لینک به ارسال

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

عکس رو ببینید

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

لینک به ارسال

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

عکس رو ببینید

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

لینک به ارسال

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

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

موفق باشید

لینک به ارسال

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


#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
}

و تست کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...