صفر نشدن margin-bottom

[sajjadnajafi 568]

سلام دوستان

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

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

#text-2{
padding:0;
}

آدرس سایت:

tabasaci.ir

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

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

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

ویرایش شده مهر 92 توسط sajjadnajafi

[Farid 2281]

سلام ، به

.widget-header {
}

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

position:relative;
top:124px;

[sajjadnajafi 568]

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

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

[Alireza Xn 1644]

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

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

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

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

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

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

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

}

ویرایش شده آبان 92 توسط RapiD AM

[sajjadnajafi 568]

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

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

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

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

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

}

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

[Morteza 34190]

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/