نگار صادقی

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

12 پست در این موضوع قرار دارد

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

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

0

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


لینک به پست

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


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

3

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


لینک به پست

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

0

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


لینک به پست

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

4

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


لینک به پست

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

0

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


لینک به پست

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

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

51603958743974495400.png

3

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


لینک به پست

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

1

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


لینک به پست

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

سلام.

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


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

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


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

2

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


لینک به پست

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

0

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


لینک به پست

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

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

1

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


لینک به پست

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

http://sato.ir/?dthdthth

0

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


لینک به پست

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

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

6

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری