چطوری در حاشیه قالب عکس بزارم؟

[فرهاد-سئو 905]

سلام

دوستان چطوری باید در حاشیه قالب یک تصویر قرار داد؟

این تصویر رو ببینید :

قالب که مشخصه کل قالب با عرض 970 پیکسل هستش حالا باید برای اون کنار سایت که با رنگ صورتی و قرمز مشخص شده اند چطوری تصویر قرار بدم؟

حالا بعد از اینکه یه تصویر گذاشتیم و روی مانیتورمون به درستی نشون داد اما اگه با مانیتور بزرگتری سایت رو باز کنیم چون صفحه عریض تر شده یا عکس کش میاد یا فضا خالی می مونه

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

در کل میخوام یه قالب طراحی کنم که عرض خود قالب 970 هست اما حاشیه قالب تصویر باید بزارم نمیدونم چطوری این کار رو بکنم؟

[فرهاد-سئو 905]

نبود ما را یاری رسان ؟

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

یعنی به body یه بک گراند پترن یا رنگ میدادم و پشت زمینه مشکلی نداشت

اما الان بک گراند از چند تصویر تشکیل شده مثلا تا ارتفاع 200 پیکسل یه تصویر هست بعد تا ارتفاع 500 متر سمت چپ یه تصویر و در سمت راست یه تصویر دیگست

اینو میخوام بدونم که چطوری طراحی کنم

اگه داخل فایل هدر چند تا دیو <div class="test"> </div> بزارم و بعد برای هر کدوم یه پوزیشن ثابت بدم درست میشه ؟

خب اگه پوزیشن پیکسلی بدم روی مانیتور کوچیک تصاویر حذف یا کراپ میشن چون با پوزیش موقعیتشون فیکس شده

ویرایش شده مرداد 93 توسط فرهاد

[alivazirinia 219]

مقدار left رو برابر صفر قرار بدید و margin-top بهش بدید برای قسمت دوم بهترین کار اینه چند تا div تعریف کنی

به عنوان مثال

height: 100px;
width: 100px;
background: aqua;
position: fixed;
margin-top: 200px;
left: 5px;

ویرایش شده مرداد 93 توسط alivazirinia