bahram2016

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

7 پست در این موضوع قرار دارد

سلام

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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

سلام ، البتّه ذکر کنم که استفاده از تگ های 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 کد رو ک میزارم کلا راست چین میشه.

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

0

به اشتراک گذاری این پست


لینک به پست

برای وسط چین نوشته ها از کد text-align:center; استفاده کن


text-align:center;

0

به اشتراک گذاری این پست


لینک به پست

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


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

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

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

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

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

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

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

2

به اشتراک گذاری این پست


لینک به پست

.sample {display: block;
margin: 0 auto;
}

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری