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

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

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

نویسنده پست
یکشنبه ، 21 آوریل 2013     8:29 ب.ظ #


lonalovegood1

Subscriber
28 پست10 تاپیک

سلام

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

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

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

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

0  تشکر
یکشنبه ، 21 آوریل 2013     9:28 ب.ظ #


امیر

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

سلام

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

1  تشکر
یکشنبه ، 21 آوریل 2013     10:27 ب.ظ #


lonalovegood1

Subscriber
28 پست10 تاپیک

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

0  تشکر
یکشنبه ، 21 آوریل 2013     11:37 ب.ظ #


امیر

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

بله حتما.

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

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

2  تشکر
دوشنبه ، 22 آوریل 2013     12:01 ق.ظ #


lonalovegood1

Subscriber
28 پست10 تاپیک

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

0  تشکر
دوشنبه ، 22 آوریل 2013     10:30 ق.ظ #


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  تشکر
پنجشنبه ، 12 دسامبر 2013     6:30 ب.ظ #


مصطفی

Subscriber
5 پست2 تاپیک

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

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

متشکر

کدها:

پیوست ها:
You must be logged in to view attached files.
2  تشکر
پنجشنبه ، 12 دسامبر 2013     6:51 ب.ظ #


امیر

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

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

0  تشکر
جمعه ، 13 دسامبر 2013     7:24 ق.ظ #


مصطفی

Subscriber
5 پست2 تاپیک

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

اینجاست

 

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

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