رفتن به مطلب
نگار صادقی

مشکل کوچولو با کدهای css

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

سلام خسته نباشید. بنده برای یکی از سایت هام یه کد css (منو ابشاری) ساختم ولی متاسفانه یه مشکل کوچولو داره! و اینه که قسمتی از شاخه های زیری رو توی سایت نمایش میده!!!! این ادرس سایت هست نیگاه کنید متوجه میشید (سمت چپ رو نگاه کنید نوشته تصاویر . ویدئو . شیهان امیر شعبان . اعضای اکادمی ها)

ممنون میشم کمک کنید

به اشتراک گذاری این ارسال


لینک به ارسال

به استایل اضافه کنید :


ul.pureCssMenu ul {
z-index: 999;
}

به اشتراک گذاری این ارسال


لینک به ارسال

1-کش خالی کنید

2- کد زیر تغییر دهید :


ul.pureCssMenu li {
z-index: 999;
float:left;
}

3- جواب نداد کد زیر هم تست کنید:


ul.pureCssMenu li{
z-index: 999;
display:block;
margin:2px 0px 0px 2px;
font-size:0px;
}

به اشتراک گذاری این ارسال


لینک به ارسال

کش خالیه. این کد ها رو هم قرار دادم ولی متاسفانه جواب نداد :(

به اشتراک گذاری این ارسال


لینک به ارسال

تا اونجا که تست شد، با این حل میشه ( با inspect element ) مرورگر خودتون می تونین چک کنید.

ولی پیشنهاد میکنم از این منو استفاده نکنین چون کلاً مشکل داره. شات از کنار صفحه :

51603958743974495400.png

به اشتراک گذاری این ارسال


لینک به ارسال

اقا فرزاد مشکل منم همینه که از کنار سایت این اتفاق میوفته !

به اشتراک گذاری این ارسال


لینک به ارسال

کش خالیه. این کد ها رو هم قرار دادم ولی متاسفانه جواب نداد :(

سلام.

آخر استایل اضافه کنید:


.pureCssMenui a:hover, .pureCssMenum {
display: block;
}

و جایگزین کنید:


ul.pureCssMenu ul {
display: none;
z-index: 9999;
}

به اشتراک گذاری این ارسال


لینک به ارسال

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

به اشتراک گذاری این ارسال


لینک به ارسال

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

من الان که دارم نگاه میکنم درسته هاااااااا.

به اشتراک گذاری این ارسال


لینک به ارسال

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

http://sato.ir/?dthdthth

به اشتراک گذاری این ارسال


لینک به ارسال

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

http://sato.ir/?dthdthth

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

post-2143-0-09258400-1398427217_thumb.jp

فقط مشکل چپ چین بودنش هست.

که برای این مشکل از این استایل استفاده کن.:البته باید جایگزین استایل قبلی بکنی:


ul.pureCssMenu ul a {
text-align: right;
white-space: nowrap;
}
ul.pureCssMenu ul ul {
position: absolute;
right: 122px;
top: -3px;
}
ul.pureCssMenu ul {
position: absolute;
right: 0;
top: 98%;
}

که این شکلی میشه:

post-2143-0-38833500-1398427365_thumb.pn

به اشتراک گذاری این ارسال


لینک به ارسال

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

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

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

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

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

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

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

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


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