نمایش نسخه قابل چاپ
دوستان این صفحه رو ببینید http://kio.see5.ir/sss
توی اون صفحه جای کافی وجود داره که عکس سومی بیاد کنار عکس دوم قرار بگیره اما توی صفحه ویرایش وردپرس این فضا وجود نداره که بتونم 2 تا عکسو کنار هم قرار بدم مشکل چیه؟
تصویر ویرایش وردپرس
اگه دسترسی نیاز هست بدم
تشکر
عکس هاتون margin داره، از استایل حذف کنید، میاد کنار هم.
خیلی ممنون از راهنماییتون ببخشید من کدنویسی بلد نیستم یه مقدار بیشتر توضیح میدین؟منظورتون فایل css قالب هست؟چه چیزی باید از داخلش حذف کنم؟نقل قول:
نوشته اصلی توسط T.Toosi
فایل css
خط 24 و 39 فایل style.css مقدار margin: 5px 20px 20px 0; حذف کنید.
ممنون از شما منظورتون خط 24 و 31 هست؟حذف کردم اما درست نشد.داخل وردپرس هم فضا باز نشد که بخوام عکسارو کنار هم بذارمنقل قول:
نوشته اصلی توسط m2n
نقل قول:
نوشته اصلی توسط m2n
آقا من عبارتی که شما فرمودین حذف کردم ولی درست نشد و به جاش margin: auto گذاشتم الان درست شده و 2 تا عکس کنار هم هستند ولی 2 تا مشکل دیگه به وجود اومده اونم اینه که عکس سمت راست یه ذره از عکس سمت چپ پایینتره.و یه مشکل دیگه اینکه عکس سمت چپ یه ذره به سمت چپ حرکت کرده.این 2 تا مشکل جدید رو روی تصویر زیر مشخص کردم.
میفرمایید چکار کنم؟
تصویر مشکل
فایل css ویرایش شده
درست میشه کش پاک کنیدنقل قول:
نوشته اصلی توسط alirad
برای شما کش شده بود چون دستور margin: auto هیچ کاری انجام نمیده قبلش float: left وارد شده :67:نقل قول:
آقا من عبارتی که شما فرمودین حذف کردم ولی درست نشد و به جاش margin: auto گذاشتم الان درست شده
عکس بالا و سمت چپ بدون تگ p گذاشته شده ولی عکس سمت راست هنگام نوشتن Enter زدین تگ P خودکار اضافه شده اطلاح کنید درست میشه.نقل قول:
و 2 تا عکس کنار هم هستند ولی 2 تا مشکل دیگه به وجود اومده اونم اینه که عکس سمت راست یه ذره از عکس سمت چپ پایینتره.
نقل قول:
و یه مشکل دیگه اینکه عکس سمت چپ یه ذره به سمت چپ حرکت کرده.این 2 تا مشکل جدید رو روی تصویر زیر مشخص کردم.
میفرمایید چکار کنم؟
تصویر مشکل
فایل css ویرایش شده
عرض تصویر اول 20 پیکسل زیاد کنید نترسید بیرون نمیزنه ولی تو نمایشگر بزرگ اون چپ رفتن حل میشه البته میشه min-width: 100% قرار داد ولی برای تصاویر سایر پست ها به مشکل می خورید چون تمام باکس پر می کنه.
ممنون از شما ببخشید منظورتون از کش چیه؟پس الاننقل قول:
نوشته اصلی توسط m2n
margin: auto پاک کنم؟ببخشید زیاد سوال میپرسم
کش یعنی فایل در مرورگر شما ذخیره میشه و شما با حذف کردن خط 24 و 31 فکر می کنید نتیجه حاصل نشد در این موارد Ctrl+F5 (سه بار) زدن باعث رفع این مشکل میشه.نقل قول:
نوشته اصلی توسط alirad
بله پاک کنید margin: auto به معنی وسط وایسا هست به شرطی که موقعیت راست یا چپ داده نشود.نقل قول:
margin: auto پاک کنم؟ببخشید زیاد سوال میپرسم
اینجا انجمن پرسش و پاسخ هست و هیچ منتی نیست بنده هم نباشم سایر دوستان حتما پاسخ خواهند داد :53:
واقعا ممنون از شما من همیشه از راهنمایی های شما استفاده کردم و خیلی چیزا از شما یاد گرفتم به خصوص هیچ موقع کمک شما در این تاپیک http://www.webhostingtalk.ir/showthread.php?t=175161نقل قول:
نوشته اصلی توسط 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
آقا واقعا ممنون دیگه دقیقا چیزی شد که میخواستمنقل قول:
نوشته اصلی توسط m2n
آقا شرمنده من 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" />
یه پست با لینک بزارید یه پست بی لینک اینجوری میشه چک کرد
مقدار
در کلاس alignright و alignleft مقدار margin را طبق نمونه های قبلی تنظیم نمایید.
کد HTML:
.alignright { float: right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}