/
  • قرار گرفتن دو دایو بر روی یکدیگر

  • صفحه‌ها (2):
  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی قرار گرفتن دو دایو بر روی یکدیگر
    نویسنده پیام
    pary_daryayi آفلاین
    Mermaid
    ****

    ارسال‌ها: 620
    تاریخ عضویت: ۱۳۹۱ خرداد ۲۸
    اعتبار: 19
    تشکرها : 729
    ( 207 تشکر در 117 ارسال )
    ارسال: #1
    قرار گرفتن دو دایو بر روی یکدیگر
    سلام . من میخوام دو دایو رو روی هم دیگه قرار بدم ... که یکی از دایو ها محتواش یک متغیر هست و دایو دوم دارای تصویر هست که کلاس دایو دوم رو به این صورت تعریف کردم :
    کد:
    .img-link
    {

    background-image:url(../image/comment/1347538220_talk_chat.png);
    width:55px;
    height:45px;
    background-size:100%;
    }
    دایو اول رو هم با خاصیت absulte تنظیم کردم و تا اینجا مشکلی نیست ..
    ولی تو مرورگر اکسپلورر background-isize:100% تنظیم نیست .. یعنی ربع تصویر دیده میشه.
    شما هم همین راه رو استفاده میکنید ؟ یا راه بهتری هست برای اینکه دو دایو که یکی دارای تصویر و یکی نوشته هست بر روی هم قرار بگیرند.
    __________________________________________________________________________
    آرام باش ؛ توكل كن ؛ تفكر كن و سپس آستينها را بالا بزن , آنگاه دستان خداوند را خواهي ديد كه زودتر از تو دست به كار شده است.امام علي عليه السلام.
    (آخرین ویرایش در این ارسال: ۱۳۹۱ شهريور ۲۳ ۰۶:۳۱ عصر، توسط pary_daryayi.)
    ۱۳۹۱ شهريور ۲۳ ۰۶:۲۹ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    Reza آفلاین
    رضا شیخله
    *****

    ارسال‌ها: 3,024
    تاریخ عضویت: ۱۳۹۰ آبان ۱۶
    اعتبار: 133
    تشکرها : 2724
    ( 2715 تشکر در 1691 ارسال )
    ارسال: #2
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    البته پیشنهاد میدم به جای قرار گیری روش ، دقیقاً توش بنویسAngel
    لایک دیس :
    کد:
    <style>
        .mom
        {
            background : gray url('./img.png');
        }
        
        .child
        {
            background : url(./img-child.png) no-repeat center;
        }
        
    </style>

    <div class=mom>
        <div class=child>
            some things ...
        </div>
    </div>

    البته اگه بگی واسه چه کاری میخوای شاید بشه راه حل های بهتری پیدا کرد .
    __________________________________________________________________________
    -- - RezaWorkShop.ir - blog.RezaOnline.net
    ۱۳۹۱ شهريور ۲۳ ۰۶:۳۸ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : pary_daryayi
    pary_daryayi آفلاین
    Mermaid
    ****

    ارسال‌ها: 620
    تاریخ عضویت: ۱۳۹۱ خرداد ۲۸
    اعتبار: 19
    تشکرها : 729
    ( 207 تشکر در 117 ارسال )
    ارسال: #3
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    ممنونم . ولی کدی که دادید نوشته رو روی عکس قرار نمیده یا شاید من درست استفاده نکردم
    من میخوام تعداد نظرات کاربران در هر مقاله ای رو توی عکس نشون بدم.
    دوتا تصویر زیر رو ببینید . اولی همونطور که میخوام تنظیم شده و در fire fox درسته ولی دومی همون کد رو در IE یک چهارم تصویر نشون میده.


    فایل‌(های) پیوست شده بندانگشتی (ها)
           
    __________________________________________________________________________
    آرام باش ؛ توكل كن ؛ تفكر كن و سپس آستينها را بالا بزن , آنگاه دستان خداوند را خواهي ديد كه زودتر از تو دست به كار شده است.امام علي عليه السلام.
    (آخرین ویرایش در این ارسال: ۱۳۹۱ شهريور ۲۳ ۰۷:۲۸ عصر، توسط pary_daryayi.)
    ۱۳۹۱ شهريور ۲۳ ۰۷:۲۵ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    Reza آفلاین
    رضا شیخله
    *****

    ارسال‌ها: 3,024
    تاریخ عضویت: ۱۳۹۰ آبان ۱۶
    اعتبار: 133
    تشکرها : 2724
    ( 2715 تشکر در 1691 ارسال )
    ارسال: #4
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    من واسه این یه div کلی مینویسم . که اون دنباله زیرش بعنوان بک گراوند زیرش باشه .
    یه div دیگه توش برای مستطیله .

    حالا دیو کلیه رو هر جا خواستم میذارم Big Grin

    میخواد کد بنویسم؟
    __________________________________________________________________________
    -- - RezaWorkShop.ir - blog.RezaOnline.net
    ۱۳۹۱ شهريور ۲۳ ۰۸:۲۱ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : pary_daryayi
    hamid_80386 آفلاین
    حمید عباسی
    ***

    ارسال‌ها: 1,479
    تاریخ عضویت: ۱۳۹۰ بهمن ۱۶
    اعتبار: 62
    تشکرها : 1216
    ( 1253 تشکر در 748 ارسال )
    ارسال: #5
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    چرا از z-index تو کلاس هاتون استفاده نکردید؟
    __________________________________________________________________________
    هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
    ۱۳۹۱ شهريور ۲۳ ۱۱:۰۰ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : pary_daryayi
    pary_daryayi آفلاین
    Mermaid
    ****

    ارسال‌ها: 620
    تاریخ عضویت: ۱۳۹۱ خرداد ۲۸
    اعتبار: 19
    تشکرها : 729
    ( 207 تشکر در 117 ارسال )
    ارسال: #6
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    نقل قول: میخواد کد بنویسم؟
    نه ممنون. دوست دارم خودم اول امتحان کنم ...
    نقل قول: چرا از z-index تو کلاس هاتون استفاده نکردید؟
    z-index رو برای ترتیب نمایش دایو ها میگید درسته؟ فکر میکردم برای 2 دایو بیشتر باید استفاده بشه...
    __________________________________________________________________________
    آرام باش ؛ توكل كن ؛ تفكر كن و سپس آستينها را بالا بزن , آنگاه دستان خداوند را خواهي ديد كه زودتر از تو دست به كار شده است.امام علي عليه السلام.
    ۱۳۹۱ شهريور ۲۴ ۰۷:۱۴ صبح
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    af6900 آفلاین
    یه روز خوب میاد
    ***

    ارسال‌ها: 120
    تاریخ عضویت: ۱۳۹۰ دي ۱۹
    اعتبار: 7
    تشکرها : 120
    ( 91 تشکر در 41 ارسال )
    ارسال: #7
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    به جای استفاده از div از کد های خود html استفاده کنید بهتره در مرورگر های مخطلف هم تقریبا خروجی یک سانی داره
    کد:
    <fieldset>
      <legend></legend>
    </fieldset>
    ۱۳۹۱ شهريور ۲۴ ۱۱:۱۲ صبح
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : pary_daryayi
    pary_daryayi آفلاین
    Mermaid
    ****

    ارسال‌ها: 620
    تاریخ عضویت: ۱۳۹۱ خرداد ۲۸
    اعتبار: 19
    تشکرها : 729
    ( 207 تشکر در 117 ارسال )
    ارسال: #8
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    نقل قول: به جای استفاده از div از کد های خود html استفاده کنید بهتره در مرورگر های مخطلف هم تقریبا خروجی یک سانی داره
    ممنونم .. امتحان کردم ولی اون طور که مد نظرم هست نتیجه نداد ... مشکلات قبل رو داره.
    من اینطور حلش کردم که بهتره به جای اینکه از div استفاده کنم و بک گراند کلاس رو تصویر تعریف کنم ، خود تصویر رو با تگ img بزارم .. اینطور دیگه background-size=100% نیازی نیست و خود عرض و طول عکس رو میپذیره ... از absoulte هم استفاده کردم و در هر دو مرورگر تنظیم شد ...
    __________________________________________________________________________
    آرام باش ؛ توكل كن ؛ تفكر كن و سپس آستينها را بالا بزن , آنگاه دستان خداوند را خواهي ديد كه زودتر از تو دست به كار شده است.امام علي عليه السلام.
    (آخرین ویرایش در این ارسال: ۱۳۹۱ شهريور ۲۴ ۱۲:۰۶ عصر، توسط pary_daryayi.)
    ۱۳۹۱ شهريور ۲۴ ۱۲:۰۴ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    hamid_80386 آفلاین
    حمید عباسی
    ***

    ارسال‌ها: 1,479
    تاریخ عضویت: ۱۳۹۰ بهمن ۱۶
    اعتبار: 62
    تشکرها : 1216
    ( 1253 تشکر در 748 ارسال )
    ارسال: #9
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    نقل قول: z-index رو برای ترتیب نمایش دایو ها میگید درسته؟ فکر میکردم برای 2 دایو بیشتر باید استفاده بشه...
    شاید من منظور شما رو درست متوجه نمیشم، ولی اونطور که من میفهمم دقیقاً z-index روی برای این استفاده میکنن که یه لایه رو لایه دیگه باشه:

    z-index
    __________________________________________________________________________
    هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
    ۱۳۹۱ شهريور ۲۴ ۰۹:۲۶ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : pary_daryayi
    qaflanti آفلاین
    حسین پوربهرامی
    **

    ارسال‌ها: 43
    تاریخ عضویت: ۱۳۹۱ مرداد ۱۱
    اعتبار: 0
    تشکرها : 27
    ( 9 تشکر در 6 ارسال )
    ارسال: #10
    RE: قرار گرفتن دو دایو بر روی یکدیگر
    بجای این همه پیچیده کردن کار بهتر نیست اون عکس پس زمینه رو دستی کوچیک کنید!؟
    ۱۳۹۱ شهريور ۲۶ ۱۰:۳۰ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

  • صفحه‌ها (2):
  • ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS