رفتن به مطلب

وسط چین کردن تصاویر


پست های پیشنهاد شده

سلام

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

از چند کد برای وسط چین کردن تصاویر استفاده ولی نتیجه نگرفتم. نمونه :

margin-left:auto;
margin-right:auto;
float:none

ولی ی سری وسط میان ولی ی سری ها نمیان میشه راهنمایی کنید ؟

لینک به ارسال

سلام ، البتّه ذکر کنم که استفاده از تگ های HTML تاریخ مصرف گذشته (تمام چیز هایی که میشه با سی اس اس درستشون کرد مثل فونت) برای سئو مضره مثل <center>

علاوه بر position: absolute; که دستور میده هر عنصری بر روی جایگاه خودش مصّر باشه ممکنه سایت شما دارای یه سری کد های important شده یا inline css ها (سی اس اس هایی که از طریق کد HTML و برچسب style="" وارد میشن) داشته باشه که مقدم بر سی اس اس های نوشتاری شما باشه. به همین دلیل یه قسمتی وسط چین شده یا قسمتی نه... البتّه یه کاری که من پیشنهاد نمیکنم برای انجام وسط چین کردن text-align:center; هست.

  • امتیاز 3
لینک به ارسال

تراز هر عکس را وسط قرار بدید و استایل زیر را به قالبتان اضافه کنید :


img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

  • امتیاز 3
لینک به ارسال

ممنون دوستان

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

الان بعضی از نوشته هام عکس هاش راست چین خواستم این سری از نوشته ها هم وسط بیان

لینک به ارسال

تراز هر عکس را وسط قرار بدید و استایل زیر را به قالبتان اضافه کنید :


img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

جهت ساده گفتن حرف کامل این دوست خوبم

بعداز قرار دادن کد بالا در فایل css اصلی سایت

حتما ctrl+f5 توی سایت بزنید تا کش مرورگر حذف بشه و تغییرات جدید اعمال بشه

و در بخش نوشتن مطلب حالت روی متن بذارید و نگاه کنید ببینید تگهای img حتما کلاس aligncenter گرفته باشند

عکسهایی هم که راست یا چپ هستن حتما کلاسشون alignleft یا alignright هست

اگر میخواهید دقیق کامل راهنمایی بشید ادرس سایتتون رو قرار بدید

  • امتیاز 2
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...