مشکل در قالب های CSS زیر بردن یا رو آوردن بلاک ها

این تاپیک 8 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  مصطفی ،‏ 3 سال و 4 ماه پیش .

این تاپیک تاکنون 2256 بازدید داشته است .

نویسنده پست
یکشنبه ، ۱ اردیبهشت ۱۳۹۲     ۸:۲۹ ب.ظ #


lonalovegood1

Subscriber
28 پست10 تاپیک

سلام

یه مشکل هست ، من چند تا بلاک مثلا ایجاد می کنم و بعد با Margin اونا رو روی هم دیگه قرار میدم ... بعد از این وقتی سایت رو اجرا می کنم می بینم یکی زیر یکی وسط و یکی رو قرار گرفته (در قسمتی که مشترک روی هم قرار گرفتن) مثل این دو عکس که گذاشتم ... میشه کاری کرد یکی از اونا رو و یکی دیگه زیر و یکی دیگه وسط بین اونا قرار بگیره ؟

اینم لینک عکس ها :

http://resdesign.ir/images/s111.PNG

http://resdesign.ir/images/s222.PNG

0  تشکر
یکشنبه ، ۱ اردیبهشت ۱۳۹۲     ۹:۲۸ ب.ظ #


امیر

ناظم
840 پست3 تاپیک

سلام

در استایل دهی از خاصیت z-index استفاده کنید. هر کدام عدد بیشتری بگیرند، بالاتر خواهند بود.

1  تشکر
یکشنبه ، ۱ اردیبهشت ۱۳۹۲     ۱۰:۲۷ ب.ظ #


lonalovegood1

Subscriber
28 پست10 تاپیک

میشه یه نمونه کدشو مثال بزنید ؟

1  تشکر
یکشنبه ، ۱ اردیبهشت ۱۳۹۲     ۱۱:۳۷ ب.ظ #


امیر

ناظم
840 پست3 تاپیک

بله حتما.

در مثال زیر سه بلوک هست. هر کدام دارای z-index های مختلف.

اگر این کد رو خودتون درون صفحه ای بگذارید و نحوه نمایشش رو ببینید، متوجه میشید که بلوک 1، در زیر دو بلوک دیگر قرار گرفته و بلوک 2 در زیر بلوک 3 و در بالای بلوک1 قرار گرفته و هم چنین بلوک 3، در بالای هر دو بلوک. هر کدام  میزان z-index بیشتری داشته باشند، بالاتر قرار میگیرند.

2  تشکر
دوشنبه ، ۲ اردیبهشت ۱۳۹۲     ۱۲:۰۱ ق.ظ #


lonalovegood1

Subscriber
28 پست10 تاپیک

آها همه چی درست شد خیلی ممنون ...

0  تشکر
دوشنبه ، ۲ اردیبهشت ۱۳۹۲     ۱۰:۳۰ ق.ظ #


alirezaoo

Subscriber
1 پست0 تاپیک

سلام علاوه بر استفاده از z-index من که تازه کارم به یه چیزی پی بردم اگر زمانی یادتون رفت z-index میتونین اون لایه یا بلاکی که می خواهین زیر باشه کد اول این لایه رو بنویسین بعداونو که می خواهین بیاد رو بنویسن فقط حواستون باشه قبل اینکه بخواین لایه دوم کدش بنویسین لایه زیری <div/> این را ننویسین

نمونه کدش:

 
<div id="page_under" style="width=200px;height=100px; background-color=red">
<div id="page_up" style="width=100px;height=300px; background-color=blue"></div>
</div>

1  تشکر
پنج شنبه ، ۲۱ آذر ۱۳۹۲     ۶:۳۰ ب.ظ #


مصطفی

Subscriber
5 پست2 تاپیک

همانطور که در عکس مشاهده می کنید ، باکس خاکستری روی باکس اصلی من اومده و اجازه نداده به بالای صفحه بچسبه.

یه بزرگواری راهنمایی کند؟؟؟

متشکر

کدها:

پیوست ها:
You must be logged in to view attached files.
2  تشکر
پنج شنبه ، ۲۱ آذر ۱۳۹۲     ۶:۵۱ ب.ظ #


امیر

ناظم
840 پست3 تاپیک

سلام
سوالات جدید خود را در تاپیک جدید ارسال کنید.

0  تشکر
جمعه ، ۲۲ آذر ۱۳۹۲     ۷:۲۴ ق.ظ #


مصطفی

Subscriber
5 پست2 تاپیک

در یک تاپیک جدید مطرح شد.

اینجاست

 

1  تشکر
پست 1 تا 9 (از مجموع 9 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .