جابه جایی المان های صفحه در حالت ریسپانسیو

این تاپیک 5 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  افشین زندی ،‏ 1 سال و 4 ماه پیش .

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

نویسنده پست
سه شنبه ، 21 جولای 2015     5:11 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام دوستان
آیا راهی وجود داره که وقتی میخوایم صفحه رو با مدیاکوئری css  ریسپانسیو کنیم ترتیب المان های صفحه رو وقتی مثلا سایز رو 480px در نظر گرفتیم تغییر بدیم؟
مثلا فرض کنید توی صفحه یه باکس اسلایدر کنار باکس لوگو هست و من میخوام چون لوگوی سایت مهم تره وقتی صفحه ریسپانسیو میشه و به سایز موبایل میرسه از بالا که اسکرول میکنیم صفحه رو اول لوگو رو نشون بده و بعد اسلایدر رو.. (میدونم راهش اینه که در html ترتیب تگ ها رو تغییر بدم ولی اینجوری تغییرات واسه وقتی که سایز صفحه بزرگ هست هم اعمال میشه و از هدف اصلی طرح دور میشم!!)
راه دیگه ای وجود داره؟

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، 21 جولای 2015     8:59 ب.ظ #


افشین زندی

Subscriber
101 پست8 تاپیک

سلام دوست  عزیز

اگه میشه قالب یا قسمت مورد نظرتون روبه صورت zip بزارید تا کدهارو بشه بررسی کرد اما در کل روشش اینه که باید float هارو عوض کنید داخل میدیا کوئری مورد نظرتون.

1  تشکر
چهار شنبه ، 22 جولای 2015     10:57 ق.ظ #


john

Subscriber
45 پست16 تاپیک

از جی کوئری استفاده کنید

0  تشکر
چهار شنبه ، 22 جولای 2015     12:05 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام

فایل پروژم رو برای بررسی اینجا گذاشتم، میتونید ببینید

آقای زندی،  خب من به تمام قسمت هایی که float:left|right داده بودم چون میخواستم در حالت ریسپانسیو زیر هم قرار بگیرن float:none دادم.. اشتباهه ؟
http://s3.picofile.com/file/8201520118/Haram_Project.rar.html

0  تشکر
چهار شنبه ، 22 جولای 2015     12:46 ب.ظ #


Saleh Katebi

Subscriber
125 پست0 تاپیک

بهترین راه position absolute هست

0  تشکر
چهار شنبه ، 22 جولای 2015     3:19 ب.ظ # پاسخ تائید شده توسط سوال کننده


افشین زندی

Subscriber
101 پست8 تاپیک

سلام.

این فایل html که براتون گذاشتم رو جایگذین کنید و تو خط 99 فایلتون که این خط هست

 

 

float:right رو قرار بدین

کدنویسیتون کمی غیر استاندار بود و نمیشد بدون جابه جایی عناصر اون کار رو انجام داد. باید جای div مربوط به اسلایدر رو با لوگو عوض میکردید و برای اینکه با کد قبلی تفاوتی نکنه فقط باید float رو عوض میکردید

ببینید الان همونی شده که میخواستید یا ن

 

پیوست ها:
You must be logged in to view attached files.
2  تشکر
پست 1 تا 6 (از مجموع 6 پست)

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