تبلیغات :
آکوستیک ، فوم شانه تخم مرغی، صداگیر ماینر ، یونولیت
دستگاه جوجه کشی حرفه ای
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




نمايش نتايج 1 به 4 از 4

نام تاپيک: وسط چین کردن عکس

  1. #1
    پروفشنال sokote mordab's Avatar
    تاريخ عضويت
    Oct 2005
    محل سكونت
    همین اطراف
    پست ها
    636

    پيش فرض وسط چین کردن عکس

    درود
    2 سوال برام پیش اومد در مورد وسط چین کردن
    سوال یک :
    برای وسط چین کردن یک div طبق ترفند margin:0 auto به صورت افقی وسط چین می شد
    یک div ایجاد کردم با طول و عرض مشخص و درونش یک عکس گذاشتم
    حالا برای وسط چین کردن در محور عمود چکار باید کرد؟
    مثلا طبق عکسی که در زیر لینکش رو گذاشتم

    و با کد زیر عکس در div در محور افق وسط چین شد
    display: block;
    margin: 0 auto;
    ولی چکار کنم در محور عمود هم بشه؟

    سوال دوم :سوال بعدی چرا وقتی به همین img
    position: absolute;
    top: 50%;
    left: 50%;
    در حالی که اولین پدرش که همین باکش قرمز هست position:relative هست
    و عکس که فرزندش هست نسبت بهش تراز میشه
    و چنین می شود عکس زیر

    ولی با 34% تقریبا وسط میشه
    چرا با 50 درصد نمیشه؟

    لطفا راهنمایی کنید خیلی برام مهمه
    ممنون

  2. #2
    پروفشنال
    تاريخ عضويت
    Oct 2008
    پست ها
    507

    پيش فرض

    1- سایز عکس هرچی هست نصفش کنید و margin-top و margin-left رو ازش کم کنید
    مثلا آواتار شما 150x150 هستش باید اینطوری کد بزنید:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    نتیحه میشه این


    این صفحه رو هم مطالعه کنید:
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    2- اگه اشتباه نکنم علتش اینه که عکس از محل 50درصد شروع به قرارگرفتن میکنه نه اینکه عکس اول قرار بگیره بعد وسط تصویر مشخص بشه

  3. این کاربر از CafeNet999 بخاطر این مطلب مفید تشکر کرده است


  4. #3
    پروفشنال sokote mordab's Avatar
    تاريخ عضويت
    Oct 2005
    محل سكونت
    همین اطراف
    پست ها
    636

    پيش فرض

    ممنون از وقتی که گذاشتید

  5. این کاربر از sokote mordab بخاطر این مطلب مفید تشکر کرده است


  6. #4
    مدیر انجمن طراحی صفحات وب tabriz-info's Avatar
    تاريخ عضويت
    Jun 2006
    محل سكونت
    هالیکارناسوس
    پست ها
    4,277

    پيش فرض

    درود
    2 سوال برام پیش اومد در مورد وسط چین کردن
    سوال یک :
    برای وسط چین کردن یک div طبق ترفند margin:0 auto به صورت افقی وسط چین می شد
    یک div ایجاد کردم با طول و عرض مشخص و درونش یک عکس گذاشتم
    حالا برای وسط چین کردن در محور عمود چکار باید کرد؟
    مثلا طبق عکسی که در زیر لینکش رو گذاشتم

    و با کد زیر عکس در div در محور افق وسط چین شد
    display: block;
    margin: 0 auto;
    ولی چکار کنم در محور عمود هم بشه؟

    سوال دوم :سوال بعدی چرا وقتی به همین img
    position: absolute;
    top: 50%;
    left: 50%;
    در حالی که اولین پدرش که همین باکش قرمز هست position:relative هست
    و عکس که فرزندش هست نسبت بهش تراز میشه
    و چنین می شود عکس زیر

    ولی با 34% تقریبا وسط میشه
    چرا با 50 درصد نمیشه؟

    لطفا راهنمایی کنید خیلی برام مهمه
    ممنون
    سوال اول رو که دوستمون جواب دادن
    اما سوال دوم
    به احتمال زیاد پوزیشین relative پدر نسبت به صفحه 100% نیست که فرزندش در وسط قرار نمیگیره

  7. 2 کاربر از tabriz-info بخاطر این مطلب مفید تشکر کرده اند


Thread Information

Users Browsing this Thread

هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)

User Tag List

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •