چینش ستون ها به صورت کنار هم

[beh9am 96]

سلام

من صفحه اصلیمو باکسی کردم که برن کنار هم

الان به این شکل شده منظم نشون میده :

ولی من میخوام به شکل نامنظم باشه به این شکل :

چون در یکی از div ها میبینیم مطلب زیاده و ارتفاعش زیاد میشه اما در یکی کم میخوام وقتی این مدلی شد به شکل بالا برن کنار هم

از چه کدی باید استفاده بکنم ؟

[فرحان 997]

سلام. اگر فضای خالی براتون مهم نیست بینشون بیوفته میتونید از jquery masonry استفاده کنید. در غیر اینصورت باید مثلا برای هر ستون یک div در نظر بگیرید . پهناشون رو تعیین کنید و float شون کنید کنار هم، بعد div های حاوی مطالب رو توی اونها بذارید. و ممکنه براتون این سوال پیش بیاد که اینطوری اونوقت چطوری div های مطالب رو بزارم توشون برای این کار اگر از لوپ های وردپرس استفاده می کنید میتونید بگید مثلا شمارنده 1 بود بزار تو اولی 2 بود بزار توی دومی ، 3 بود بزار توی سومی و اگر 3 بود ، حالا 1 بشه و الی آخر.

موفق باشید.

[beh9am 96]

سلام. اگر فضای خالی براتون مهم نیست بینشون بیوفته میتونید از jquery masonry استفاده کنید. در غیر اینصورت باید مثلا برای هر ستون یک div در نظر بگیرید . پهناشون رو تعیین کنید و float شون کنید کنار هم، بعد div های حاوی مطالب رو توی اونها بذارید. و ممکنه براتون این سوال پیش بیاد که اینطوری اونوقت چطوری div های مطالب رو بزارم توشون برای این کار اگر از لوپ های وردپرس استفاده می کنید میتونید بگید مثلا شمارنده 1 بود بزار تو اولی 2 بود بزار توی دومی ، 3 بود بزار توی سومی و اگر 3 بود ، حالا 1 بشه و الی آخر.

موفق باشید.

مرسی از پاسختون ولی هیچی نفهمیدم از اینی که گفتید

با وردپرس کاری نداریم الان شما یک صفحه با باکسهایی مثل تصویر دوم راهنمایی بکنید چجوری بسازم

مرسی

[imanfakhar 26231]

[sharedmedia=tutorials:tutorials:332]

[beh9am 96]

تشکر جناب فخار

میشه بدون وردپرس بگید ؟

فرض کنید من یک صفحه html به این شکل بسازم باید چجوری باشه ؟

[imanfakhar 26231]

نمونه چیدمان با css

http://jsfiddle.net/fakhar/7mu5z3rx/

دریافت رایگان افزونه جی کوئری همراه با فایل راهنما و نمونه

http://masonry.desandro.com/

https://github.com/desandro/masonry

https://github.com/Masonry/Masonry