مشکل در تنظیم جای عکس در وردپرس

[alirad]

دوستان این صفحه رو ببینید http://kio.see5.ir/sss

توی اون صفحه جای کافی وجود داره که عکس سومی بیاد کنار عکس دوم قرار بگیره اما توی صفحه ویرایش وردپرس این فضا وجود نداره که بتونم 2 تا عکسو کنار هم قرار بدم مشکل چیه؟

تصویر ویرایش وردپرس (http://uupload.ir/files/a2o_04.png)

اگه دسترسی نیاز هست بدم

تشکر

[T.Toosi]

عکس هاتون margin داره، از استایل حذف کنید، میاد کنار هم.

[alirad]

عکس هاتون margin داره، از استایل حذف کنید، میاد کنار هم.خیلی ممنون از راهنماییتون ببخشید من کدنویسی بلد نیستم یه مقدار بیشتر توضیح میدین؟منظورتون فایل css قالب هست؟چه چیزی باید از داخلش حذف کنم؟

فایل css (http://pastecode.ir/?p=1028)

[m2n]

خط 24 و 39 فایل style.css مقدار margin: 5px 20px 20px 0; حذف کنید.

[alirad]

خط 24 و 39 فایل style.css مقدار margin: 5px 20px 20px 0; حذف کنید.ممنون از شما منظورتون خط 24 و 31 هست؟حذف کردم اما درست نشد.داخل وردپرس هم فضا باز نشد که بخوام عکسارو کنار هم بذارم

[alirad]

خط 24 و 39 فایل style.css مقدار margin: 5px 20px 20px 0; حذف کنید.

آقا من عبارتی که شما فرمودین حذف کردم ولی درست نشد و به جاش margin: auto گذاشتم الان درست شده و 2 تا عکس کنار هم هستند ولی 2 تا مشکل دیگه به وجود اومده اونم اینه که عکس سمت راست یه ذره از عکس سمت چپ پایینتره.و یه مشکل دیگه اینکه عکس سمت چپ یه ذره به سمت چپ حرکت کرده.این 2 تا مشکل جدید رو روی تصویر زیر مشخص کردم.
میفرمایید چکار کنم؟

تصویر مشکل (http://uupload.ir/files/ivw1_332211.png)

فایل css ویرایش شده (http://pastecode.ir/?p=1038)

[m2n]

ممنون از شما منظورتون خط 24 و 31 هست؟حذف کردم اما درست نشد.داخل وردپرس هم فضا باز نشد که بخوام عکسارو کنار هم بذارم



درست میشه کش پاک کنید




آقا من عبارتی که شما فرمودین حذف کردم ولی درست نشد و به جاش margin: auto گذاشتم الان درست شده

برای شما کش شده بود چون دستور margin: auto هیچ کاری انجام نمیده قبلش float: left وارد شده :67:





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


عکس بالا و سمت چپ بدون تگ p گذاشته شده ولی عکس سمت راست هنگام نوشتن Enter زدین تگ P خودکار اضافه شده اطلاح کنید درست میشه.





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

تصویر مشکل (http://uupload.ir/files/ivw1_332211.png)

فایل css ویرایش شده (http://pastecode.ir/?p=1038)





عرض تصویر اول 20 پیکسل زیاد کنید نترسید بیرون نمیزنه ولی تو نمایشگر بزرگ اون چپ رفتن حل میشه البته میشه min-width: 100% قرار داد ولی برای تصاویر سایر پست ها به مشکل می خورید چون تمام باکس پر می کنه.

[alirad]

درست میشه کش پاک کنیدممنون از شما ببخشید منظورتون از کش چیه؟پس الان
margin: auto پاک کنم؟ببخشید زیاد سوال میپرسم

[m2n]

ممنون از شما ببخشید منظورتون از کش چیه؟پس الان




کش یعنی فایل در مرورگر شما ذخیره میشه و شما با حذف کردن خط 24 و 31 فکر می کنید نتیجه حاصل نشد در این موارد Ctrl+F5 (سه بار) زدن باعث رفع این مشکل میشه.


margin: auto پاک کنم؟ببخشید زیاد سوال میپرسم

بله پاک کنید margin: auto به معنی وسط وایسا هست به شرطی که موقعیت راست یا چپ داده نشود.

اینجا انجمن پرسش و پاسخ هست و هیچ منتی نیست بنده هم نباشم سایر دوستان حتما پاسخ خواهند داد :53:

[alirad]

کش یعنی فایل در مرورگر شما ذخیره میشه و شما با حذف کردن خط 24 و 31 فکر می کنید نتیجه حاصل نشد در این موارد Ctrl+F5 (سه بار) زدن باعث رفع این مشکل میشه.



بله پاک کنید margin: auto به معنی وسط وایسا هست به شرطی که موقعیت راست یا چپ داده نشود.

اینجا انجمن پرسش و پاسخ هست و هیچ منتی نیست بنده هم نباشم سایر دوستان حتما پاسخ خواهند داد :53:واقعا ممنون از شما من همیشه از راهنمایی های شما استفاده کردم و خیلی چیزا از شما یاد گرفتم به خصوص هیچ موقع کمک شما در این تاپیک http://www.webhostingtalk.ir/showthread.php?t=175161
یادم نمیره.یادمه خیلی به هاستم تیکت دادم ولی مشکلمو نتونستن حل کنن.تا بالاخره با راهنمایی شما مشکلم حل شد
خیلی ممنون

[alirad]

آقا من باز به مشکل خوردم
مقدار margin: 5px 20px 20px 0; حذف میکنم تاثیر نداره(کش میکنم) و باید margin: auto قرار بدم به جاش تا درست شه(کد نویسی بلد نیستم ولی دیدم برای
img.aligncenter گذاشته واسه img.alignleft و img.alignright هم خودم اضافه کردم) ولی الان 2 تا عکس پایین چسبیده به عکس بالایی.میفرمایید چکار کنم؟از تب text میشه تغییرات داد؟

http://kio.see5.ir/sss

[m2n]

آقا من باز به مشکل خوردم
مقدار margin: 5px 20px 20px 0; حذف میکنم تاثیر نداره(کش میکنم) و باید margin: auto قرار بدم به جاش تا درست شه(کد نویسی بلد نیستم ولی دیدم برای
img.aligncenter گذاشته واسه img.alignleft و img.alignright هم خودم اضافه کردم) ولی الان 2 تا عکس پایین چسبیده به عکس بالایی.میفرمایید چکار کنم؟از تب text میشه تغییرات داد؟

http://kio.see5.ir/sss

به جای auto اینو بزارید margin: 5px 0 0; میزان 5 پیکسل از بالا فاصله میندازه هم برای img.alignleft و هم برای img.alignright قرار بدین.

[alirad]

به جای auto اینو بزارید margin: 5px 0 0; میزان 5 پیکسل از بالا فاصله میندازه هم برای img.alignleft و هم برای img.alignright قرار بدین.آقا واقعا ممنون دیگه دقیقا چیزی شد که میخواستم

[alirad]

آقا شرمنده من 2 باره به مشکل خوردم.تا الان با کمک شما عکس ها قشنگ کنارهم قرار میگیره ولی وقتی عکس هارو از حالت لینک درمیارم(یعنی link to رو روی none قرار میدم)باز هم نظم عکس ها به هم میریزه.یعنی از تب text نگاه کردم اگه به صورت زیر باشه مشکلی وجود نداره

<a href="http://kio.see5.ir/wp-content/uploads/2016/11/01.jpg"><img class="size-full wp-image-91 alignleft" src="http://kio.see5.ir/wp-content/uploads/2016/11/01.jpg" alt="01" width="929" height="592" /></a>
ولی وقتی این جوری میشه نظم عکس ها به هم میخوره

<img class="size-full wp-image-91 alignleft" src="http://kio.see5.ir/wp-content/uploads/2016/11/01.jpg" alt="01" width="929" height="592" />

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

[m2n]

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

[alirad]

یه پست با لینک بزارید یه پست بی لینک اینجوری میشه چک کردممنون از شما.بفرمایید با لینک (http://kio.see5.ir/sss) و بدون لینک (http://kio.see5.ir/qqq)

[m2n]

مقدار
در کلاس alignright و alignleft مقدار margin را طبق نمونه های قبلی تنظیم نمایید.





.alignright { float: right; margin: 5px 0 20px 20px;}


.alignleft { float: left; margin: 5px 20px 20px 0;}