نمایش نسخه قابل چاپ
آقا من باز به مشکل خوردممقدار 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;}