sajjadnajafi

صفر نشدن margin-bottom

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

ارسال شده در (ویرایش شده)

سلام دوستان

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

با قرار دادن این کد در Custom CSS قالب به چپ چسبید اما کد margin-bottom:0 تاثیری نداره و به پایین نمی چسبه:


#text-2{
padding:0;
}

آدرس سایت:


tabasaci.ir

عکس ما فرضا اون مربع خاکستری رنگ هست(دورش خط چینه) که در اینجای هدر هست:

post-219-0-39021300-1382360664_thumb.jpg

که ما میخوایم بیاریمش اینجای هدر:

post-219-0-21686400-1382360693_thumb.jpg

ممنون میشم راهنمایی کنید.

ویرایش شده در توسط sajjadnajafi
0

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


لینک به پست

سلام ، به


.widget-header {
}

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


position:relative;
top:124px;

2

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


لینک به پست

ممنون آقا Farid با راهکار شما مشکل حل شد.

یه مورد دیگه اینه که همون تصویر مربع که الان جاشو با یه عکس دیگه در همون سایت تغییر دادم، خاصیت رسپانسیو یا واکنشگرایی خودشو از دست داده... کل تصاویر و قالب و.. رسپانسیو اما فقط همون عکس غیر رسپانسیو! اگر لطف کنید در این مورد هم یک راه کاری بدید تا اون عکس هم واکنشگرا بشه... ممنون :)

0

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


لینک به پست

ارسال شده در (ویرایش شده)

ممنون آقا Farid با راهکار شما مشکل حل شد.

یه مورد دیگه اینه که همون تصویر مربع که الان جاشو با یه عکس دیگه در همون سایت تغییر دادم، خاصیت رسپانسیو یا واکنشگرایی خودشو از دست داده... کل تصاویر و قالب و.. رسپانسیو اما فقط همون عکس غیر رسپانسیو! اگر لطف کنید در این مورد هم یک راه کاری بدید تا اون عکس هم واکنشگرا بشه... ممنون :)

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

این کد رو تست کنید و برای صفحه نمایشگر های مورد نظرتون اندازه دلخواهتون رو برای ریسپانسیو شدن بهش بدید که این موردی که من دادم واسه آی پد و تبلت ها مناسبه ...

و در این کد اندازه های مورد نظرتون رو به کلاس اضافه کنید


@media screen and (max-width: 900px) {

.widget-header {
position:relative;
top:124px;
}

}

ویرایش شده در توسط RapiD AM
2

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


لینک به پست

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

این کد رو تست کنید و برای صفحه نمایشگر های مورد نظرتون اندازه دلخواهتون رو برای ریسپانسیو شدن بهش بدید که این موردی که من دادم واسه آی پد و تبلت ها مناسبه ...

و در این کد اندازه های مورد نظرتون رو به کلاس اضافه کنید


@media screen and (max-width: 900px) {

.widget-header {
position:relative;
top:124px;
}

}

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

0

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


لینک به پست

http://css-tricks.com/which-responsive-images-solution-should-you-use/
http://mobile.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/
http://www.sitepoint.com/css3-responsive-centered-image/

2

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


لینک به پست

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

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

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

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


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

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

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


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