رفتن به مطلب

مشکل در align تصاویر سایت


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

سلام

آدرس سایت من shiksite.ir هست.

در بعضی نوشته ها تصاویر همیشه راستچین هستند.

برای مثال این نوشته

چطور می تونم تصاویر رو وسط چین کنم؟

از دستورات:


text-align: center;
و
float: center;

هم استفاده کردم اما وسط چین نشدند.

این تاپیک (( مشکل راست چین بودن قالب )) رو هم خوندم اما به نتیجه ای نرسیدم.

ویرایش شده توسط Ghaem
لینک به ارسال

سلام

اول اینکه به خصوصیت Float دو مقدار right,left میشه داد و center نمیشه .

حالا برای اینکه به طور پیشفرض تصاویر وسط چین باشن در فایل استایل قالبتون post img. رو پیدا کنید و این خصوصیات رو بهش اضافه کنید :


display:block;
margin-right:auto;
margin-left:auto;

لینک به ارسال


margin-left: auto;
margin-right: auto;
display: block;

شرمنده ندیدم پاسخ دادن بهش :huh:

ویرایش شده توسط محسن شایان
لینک به ارسال

وقتی از Inspect Element مرورگر کدها رو اضافه می کنم درست میشه اما وقتی در فایل style.css اضافه می کنم درست نمیشه.

لینک به ارسال

وقتی در اینسپکتور عمل کنه باید با اضافه شدن کد هم عمل کنه .حتما اشتباه اضافه میکنید ;)

لینک به ارسال

کدهایی که از طریق Inspect element مزارم و مشکلم حل میشه اینا هستند:


.post img {
margin-left: auto;
margin-right: auto;
display: block;
max-width: 480px;
}

اما همین ها رو در style.css جایگزین می کنم باز همونطوریه.

post-3225-0-55396100-1383280513_thumb.pn

نگاه کنید در تصویر کدها درست هستند.

چکارکنم؟

لینک به ارسال

کدهایی که از طریق Inspect element مزارم و مشکلم حل میشه اینا هستند:


.post img {
margin-left: auto;
margin-right: auto;
display: block;
max-width: 480px;
}

اما همین ها رو در style.css جایگزین می کنم باز همونطوریه.

post-3225-0-55396100-1383280513_thumb.pn

نگاه کنید در تصویر کدها درست هستند.

چکارکنم؟

این کدها را بگذارید


display:block !important;
float:none !important;
margin-left:auto !important;
margin-right:auto !important;

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...