اسکرول افقی وب سایت

[miraziz 26]

سلام دوستان. من برای صفحه اول سایتم یک منوای اضافه کردم، ولی نمی دونم که دقیقا چی شده که صفحه اول سایت در نمایشگر عریض( مثلا 14اینچ) یک اسکرول افقی طولانی ایجاد میشه.
ممنون می شوم راهنمایی کنید که این مشکل از چیست؟

آدرس سایت: http://echolalia.ir/

ویرایش شده خرداد 96 توسط miraziz

[Mirrajabi 455]

سلام، برای اینکه متوجه بشید اسکرول از کدوم المان ایجاد شده، باید ببینید که آیا تو همه صفحات اسکرول افتاده یا نه ،  اگر همه صفحات هست پس مشکل از یک المان داخل هدر یا در فوتر ایجاد شده،  ولی اگر فقط در یک صفحه خاص ایجاد شده ، باید باکس باکس  المان همان صفحه رو حذف کرد تا ببینید دقیقا مشکل از کدوم باکس که اسکرول ایجاد کرد.

[miraziz 26]

در ۱ ساعت قبل، Mirrajabi گفته است :

سلام، برای اینکه متوجه بشید اسکرول از کدوم المان ایجاد شده، باید ببینید که آیا تو همه صفحات اسکرول افتاده یا نه ،  اگر همه صفحات هست پس مشکل از یک المان داخل هدر یا در فوتر ایجاد شده،  ولی اگر فقط در یک صفحه خاص ایجاد شده ، باید باکس باکس  المان همان صفحه رو حذف کرد تا ببینید دقیقا مشکل از کدوم باکس که اسکرول ایجاد کرد.

ممنون از پاسختان. من در سایتم از دوتا فایل هدر استفاده می کنم. و اخیرا هم تو هدر تغییراتی انجام دادم (همون منوی نارنجی رنگی که تو هدر افزوده ام). قاعدتا باید مربوط به آن باشد ولی متاسفانه نمی تونم بفهم دقیقا از چیست. و این اتفاق زمانی که عرض صفحه از 1100px بزرگتر است رخ می دهد.!

ویرایش شده خرداد 96 توسط miraziz

[Mirrajabi 455]

در 11 ساعت قبل، miraziz گفته است :

ممنون از پاسختان. من در سایتم از دوتا فایل هدر استفاده می کنم. و اخیرا هم تو هدر تغییراتی انجام دادم (همون منوی نارنجی رنگی که تو هدر افزوده ام). قاعدتا باید مربوط به آن باشد ولی متاسفانه نمی تونم بفهم دقیقا از چیست. و این اتفاق زمانی که عرض صفحه از 1100px بزرگتر است رخ می دهد.!

من سایتتونو چک کردم, مشکل از منوی ایجاد شده هست وبه این علت اسکرول می افته .

.blog-menu2 ul {
    left: -9999px;
}

و اینکه  در صفحه اصلی ctrl+u بزنید سورس کدتونو ببنید ی سری جاها قرمز که نباید اینطور باشه . یکیکش به این دلیل قرمز که به جای اینکه از تک <span/> استفده کنید از <spann/> استفاده کردید. این موضوع ربطی به اسکرول نداره ولی نباید اینطور باشه.

 

ویرایش شده خرداد 96 توسط Mirrajabi

[miraziz 26]

در 1 ساعت قبل، Mirrajabi گفته است :

من سایتتونو چک کردم, مشکل از منوی ایجاد شده هست وبه این علت اسکرول می افته .

.blog-menu2 ul {
    left: -9999px;
}

و اینکه  در صفحه اصلی ctrl+u بزنید سورس کدتونو ببنید ی سری جاها قرمز که نباید اینطور باشه . یکیکش به این دلیل قرمز که به جای اینکه از تک <span/> استفده کنید از <spann/> استفاده کردید. این موضوع ربطی به اسکرول نداره ولی نباید اینطور باشه.

 

خیلی ممنون. بله دقیقا مشکل از اون مورد بوده است.
در مورد spann هم میتونم بگم که تقریبا خانه خراب شدم  یعنی یک اشتباه تایپی است که حالا باید بشینم تو همه ی پست ها ویرایشش کنم
خیلی ممنون. لطفتون را کردین 3> 

[Mirrajabi 455]

در 5 ساعت قبل، miraziz گفته است :

خیلی ممنون. بله دقیقا مشکل از اون مورد بوده است.
در مورد spann هم میتونم بگم که تقریبا خانه خراب شدم  یعنی یک اشتباه تایپی است که حالا باید بشینم تو همه ی پست ها ویرایشش کنم
خیلی ممنون. لطفتون را کردین 3> 

خواهش می کنم

[miraziz 26]

در 23 ساعت قبل، Mirrajabi گفته است :

خواهش می کنم

بخشید دوباره یک مشکلی با این مسئله پس اومد. با برداشتن کدی که شما در بالا دادید مشکل اسکرول افقی حل میشه ولی یک مشکل دیگه ای را پیش آورد اینکه مثلا شما برید به سایت من و در منوی بالایی نارنجی رنگ، موس را تقریبا 3سانتی متر پایین تر از منوی«شاعران اروپا» نگه داری. می بینید که زیرمنو های آن باز می شود بدون اینکه موس را دقیقا بر روی خود منو ببرید. برای رفع این مشکل باید چیکار کنم؟

[naghmesara 315]

سلام و درود

 

نقل قول

بخشید دوباره یک مشکلی با این مسئله پس اومد. با برداشتن کدی که شما در بالا دادید مشکل اسکرول افقی حل میشه ولی یک مشکل دیگه ای را پیش آورد اینکه مثلا شما برید به سایت من و در منوی بالایی نارنجی رنگ، موس را تقریبا 3سانتی متر پایین تر از منوی«شاعران اروپا» نگه داری. می بینید که زیرمنو های آن باز می شود بدون اینکه موس را دقیقا بر روی خود منو ببرید. برای رفع این مشکل باید چیکار کنم؟

در مورد مشکل شما باید بگم که منویی که دارید استفاده میکنید برای زبان های چپ به راست نظیر زبان انگلیسی هست و باید منو رو راست به چپ میکردید برای استفاده در سایتتون. خوب چپ چین این منو یه مچنین چیزی میشه:

 

این کد HTML اش:

<ul class="blog-menu2">

    <li class="has-children"><a href="#">شاعران خاورمیانه</a>
        <ul>
            <li><a href="#">شاعران ایرانی</a></li>
            <li><a href="#">شاعران ترکیه</a></li>
            <li><a href="#">شاعران عرب</a></li>
        </ul>
    </li>
    <li class="has-children"><a href="#">شاعران آمریکا لاتین</a>
        <ul>
            <li><a href="#">شاعران آرژانتین</a></li>
            <li><a href="#">شاعران شیلی</a></li>
        </ul>
    </li>
    <li class="has-children"><a href="#">شاعران آمریکا شمالی</a>
        <ul>
            <li><a href="#">شاعران آمریکا</a></li>
        </ul>
    </li>
    <li><a href="#">شاعران آفریقا</a></li>
    <li class="has-children"><a href="#">شاعران آسیا</a>
        <ul>
            <li><a href="#">شاعران ژاپنی</a></li>
        </ul>
    </li>
    <li class="has-children"><a href="#">شاعران اروپا</a>
        <ul>
            <li><a href="#">شاعران آلمان</a></li>
            <li><a href="#">شاعران ارمنی</a></li>
            <li><a href="#">شاعران اسپانیا</a></li>
            <li><a href="#">شاعران روسیه</a></li>
            <li><a href="#">شاعران سوئد</a></li>
            <li><a href="#">شاعران فرانسه</a></li>
            <li><a href="#">شاعران لهستان</a></li>
            <li><a href="#">شاعران یونان</a></li>
        </ul>
    </li>

</ul>

<div class="clear"></div>

اینم کد CSS اش:

	a {
	    text-decoration: none
	}
	
	ul {
	    list-style-type: none;
	    padding: 0
	}
	
	.blog-menu2 {
	    float: right;
	    position: relative;
	}
	
	.blog-menu2 li {
	    position: relative;
	}
	
	.blog-menu2 > li {
	    float: right;
	    background-color: rgba(175, 123, 7, 0.81);
	}
	
	.blog-menu2 > li a {
	    display: block;
	    padding: 15px;
	}
	
	.blog-menu2 > .has-children a {
	    padding-left: 35px;
	}
	
	.blog-menu2 > .has-children::after {
	    content: "";
	    display: block;
	    border: 5px solid transparent;
	    border-top-color: #FFF;
	    position: absolute;
	    z-index: 1001;
	    left: 13px;
	    top: 50%;
	    margin-top: -1px;
	}
	
	.blog-menu2 a {
	    display: block;
	    color: #FFF;
	}
	
	.blog-menu2 > li a:hover {
	    color: #FFF;
	}
	
	.blog-menu2 li:hover a {
	    background-color: #363F4A;
	    cursor: pointer;
	}
	
	.blog-menu2 ul {
	    position: absolute;
	    right: -9999px;
	    opacity: 0;
	    z-index: 999;
	    -webkit-transition: opacity 0.1s ease-in-out;
	    -moz-transition: opacity 0.1s ease-in-out;
	    -ms-transition: opacity 0.1s ease-in-out;
	    -o-transition: opacity 0.1s ease-in-out;
	    transition: opacity 0.1s ease-in-out;
	}
	
	.blog-menu2 ul li {
	    float: right;
	    display: block;
	}
	
	.blog-menu2 ul > .has-children::after {
	    content: "";
	    display: block;
	    border: 6px solid transparent;
	    border-left-color: #FFF;
	    position: absolute;
	    z-index: 1001;
	    right: 10px;
	    top: 50%;
	    margin-top: -5px;
	}
	
	.blog-menu2 ul a {
	    width: 225px;
	    line-height: 130%;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	.blog-menu2 ul a:hover {
	    background-color: #49515B;
	}
	
	.blog-menu2 li:hover > ul {
	    opacity: 1;
	    right: 0;
	}
	
	.blog-menu2 ul li:hover > ul {
	    top: 0;
	    right: 225px;
	    margin-right: 0;
	}
	
	@media (max-width: 770px) {
	    .blog-menu2 {
	        display: none;
	    }
	}
	
	.clear {
	    clear: both;
	}

 

موفق باشید

[miraziz 26]

در 3 ساعت قبل، naghmesara گفته است :

سلام و درود

 

در مورد مشکل شما باید بگم که منویی که دارید استفاده میکنید برای زبان های چپ به راست نظیر زبان انگلیسی هست و باید منو رو راست به چپ میکردید برای استفاده در سایتتون. خوب چپ چین این منو یه مچنین چیزی میشه:

ممنون از راهنمایی تون. من تغییراتی را که دادین را اعمال کردم. ولی متاسفانه، حالا دیگر زیر منوها را باز نمیکه!

[naghmesara 315]

درود مجدد

 

نقل قول

ممنون از راهنمایی تون. من تغییراتی را که دادین را اعمال کردم. ولی متاسفانه، حالا دیگر زیر منوها را باز نمیکه!

این مورد رو توجه کنید بهش

.blog-menu2 li:hover > ul {
    opacity: 1;
    right: 0;
}

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

.blog-menu2 li:hover > ul {
    opacity: 1;
    left: 0;
}

 

غیر از این بازم موارد دیگه ای هست لطفا تمامی استایل هایی رو که براتون فرستام با استایل های فعلی جایگزین کنید.

 

موفق باشید

ویرایش شده تیر 96 توسط naghmesara

[miraziz 26]

بله مشکل از اون قسمت بود. خیلی ممنون. باط در حقم لطف کردین. مشکلم حل شد 3>
همیشه موفق باشین

[naghmesara 315]

درود مجدد

 

نقل قول

بله مشکل از اون قسمت بود. خیلی ممنون. باط در حقم لطف کردین. مشکلم حل شد 3>
همیشه موفق باشین

خواهش میکنم.

 

فقط شما کدهای CSS ای که فرستادم رو چک کنید هر کدومش که تغییر داده شده باید جایگزین بشه تا منو کامل راست به چپ باشه مثلا

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

 

پاینده باشید

[miraziz 26]

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

[naghmesara 315]

نقل قول

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

چون کلاس clear وجود داشته تو استایل شما دیگه احتیاجی نبود که مجدد قرار بدید.

 

موفق باشید

ویرایش شده تیر 96 توسط naghmesara

[R_Zns 0]

سلام وقت بخیر

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

یکی اینکه اسکرول افقی ایجاد میشد اون هم بعد از اضافه کردن زیرمجموعه به فهرست که با کد مخفیش کردم اما میخوام اصولی حذفش کنم

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

چون زیاد آشنا نیستم ممنون میشم راهنمایی کنید.

آدرس سایت:

http://simood.ir/

[asadiy4n 2807]

در در ۱۳۹۹/۱۰/۵ در 11:39، R_Zns گفته است :

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

سلام به انجمن خوش آمدید

من چک کردم مشکلی نداشتید !

[mehdi1400 0]

با سلام، من سایت وردپرسم در دسکتاپ مشکلی نداره ولی تو موبایل اسکرول افقی داره و وقتی صفحه میاد ،حتما باید چپ و راست کنی صفحه رو که بیاد روی مطالب.

البته روی برگه های سایت این مشکل وجود نداره،فقط نوشته ها سایت این مشکل هست،،، 

آدرس صفحه اصلی که برگه هست و مشکلی ندارد: www.aparatseda.ir

آدرس یکی از نوشته ها که مشکل وجود داره: 

 https://aparatseda.ir/%d8%b1%d8%a7%d8%ba%d8%a8-%d9%85%d8%b5%d8%b7%d9%81%db%8c-%d8%ba%d9%84%d9%88%d8%b4/?sourate=al-fatiha-1&lang=persian

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

 

 

 

 

[محمود زمانی نعمتی 9]

در 10 دقیقه قبل، mehdi1400 گفته است :

با سلام، من سایت وردپرسم در دسکتاپ مشکلی نداره ولی تو موبایل اسکرول افقی داره و وقتی صفحه میاد ،حتما باید چپ و راست کنی صفحه رو که بیاد روی مطالب.

البته روی برگه های سایت این مشکل وجود نداره،فقط نوشته ها سایت این مشکل هست،،، 

آدرس صفحه اصلی که برگه هست و مشکلی ندارد: www.aparatseda.ir

آدرس یکی از نوشته ها که مشکل وجود داره: 

 https://aparatseda.ir/%d8%b1%d8%a7%d8%ba%d8%a8-%d9%85%d8%b5%d8%b7%d9%81%db%8c-%d8%ba%d9%84%d9%88%d8%b4/?sourate=al-fatiha-1&lang=persian

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

 

 

 

 

این لینکه که ارسال کردید ارور 404 میده لطفا تصحیح کنید

[mehdi1400 0]

در 3 دقیقه قبل، محمود زمانی نعمتی گفته است :

این لینکه که ارسال کردید ارور 404 میده لطفا تصحیح کنید

https://aparatseda.ir/راغب-مصطفی-غلوش/?sourate=al-fatiha-1&lang=persian

[محمود زمانی نعمتی 9]

در 3 دقیقه قبل، mehdi1400 گفته است :

https://aparatseda.ir/راغب-مصطفی-غلوش/?sourate=al-fatiha-1&lang=persian

باز هم لینک ارور 404 داره لطفا اطمینان حاصل کنید که این برگه انتشار یافته و به صورت پیش نویس ذخیره نکردید 

[mehdi1400 0]

در 4 دقیقه قبل، mehdi1400 گفته است :

https://aparatseda.ir/راغب-مصطفی-غلوش/?sourate=al-fatiha-1&lang=persian

جالبه که اینجا پیست میکنم و روش میزنم ،میره به صفحه ۴۰۴

اگه تو صفحه اصلی سایت قسمت جستجو بزنید : غلوش 

مطلب میاد

[mehdi1400 0]

توی مرورگر فایرفاکس اسکرول افقی نمیشه ،فقط توی مرورگر کروم این اتفاق میوفته

[asadiy4n 2807]

سلام چک کردم مشکلی ندارید

کش رو پاک کنید

[محمود زمانی نعمتی 9]

در در ۱۴۰۱/۱/۲۳ در 17:15، mehdi1400 گفته است :

توی مرورگر فایرفاکس اسکرول افقی نمیشه ،فقط توی مرورگر کروم این اتفاق میوفته

سلام دوست من، من مشکل شما رو بررسی کردم 

https://aparatseda.ir/wp-content/themes/betheme/css/be.css?ver=26.2.1

تو فایلی که بالا ادرسش رو ارسال کردم خط 1631 که به body.mobile-side-slide استایل داده شده استایل position: relative; رو حذف کنید تا مشکل برطرف بشه 

[mehdi1400 0]

در در ۱۴۰۱/۱/۲۵ در 12:38، محمود زمانی نعمتی گفته است :

سلام دوست من، من مشکل شما رو بررسی کردم 

https://aparatseda.ir/wp-content/themes/betheme/css/be.css?ver=26.2.1

تو فایلی که بالا ادرسش رو ارسال کردم خط 1631 که به body.mobile-side-slide استایل داده شده استایل position: relative; رو حذف کنید تا مشکل برطرف بشه 

حذف کردم ولی متاسفانه درست نشد