float:top برای تعدادی div با ارتفاع مختلف [بایگانی]

ahmad156

دوشنبه 26 خرداد 1393, 17:17 عصر

سلام دوستان
من تعدادی div با ارتفاع های مختلف دارم.میخوام این div های من از بالای صفحه شروع شده تا پایین صفحه دوباره ادامه اون از بالا شروع بشه تا پایین و به همین ترتیب.به نوعی میخوام float:top رو براش داشته باشم ولی بین div ها فاصله میفته.
ممنون

vimax23

دوشنبه 26 خرداد 1393, 17:28 عصر

سلام دوستان
من تعدادی div با ارتفاع های مختلف دارم.میخوام این div های من از بالای صفحه شروع شده تا پایین صفحه دوباره ادامه اون از بالا شروع بشه تا پایین و به همین ترتیب.به نوعی میخوام float:top رو براش داشته باشم ولی بین div ها فاصله میفته.
ممنون
مارجین میتونی فاصله خارجی رو تنظیم کنی و پدینگ فاصله داخلی رو
کد css و html رو بزار بشه نظری داد

ahmad156

دوشنبه 26 خرداد 1393, 17:55 عصر

دوست عزیز ربطی به مارجین و پدینگ نداره.

<div id="dv-topics" class="row"><div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

</div>

120239

دانیال دزفولی

دوشنبه 26 خرداد 1393, 18:56 عصر

سلام
اصلا ما فلوت تاپ نداریم !!!

gilanema

دوشنبه 26 خرداد 1393, 19:25 عصر

css رو هم میزاشتی؟!

vimax23

دوشنبه 26 خرداد 1393, 20:45 عصر

دوست عزیز ربطی به مارجین و پدینگ نداره.

<div id="dv-topics" class="row"><div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

<div class="topics col-md-3"></div>

</div>

120239

چرا ربط داره شما میخوایی گرید بسازی با دیو باید یه دیو کلی باشه یعنی همین row که ساختی و توش دیو های کوچیک رو تنظیم کنی
کد رو چرا نصفه نیمه میزاری!
تو http://jsfiddle.net کل کدتو بزار بشه تست کرد

qartalonline

دوشنبه 26 خرداد 1393, 21:00 عصر

فک کنم چیزی شبیه گرید سایت http://baku.ws میخواین احتمالا باید از jQuery کمک بگیرید لینکی رو که دادم بررسی کنید.
البته میتونید برای راحتی کار 4 تا ستون ایجاد کنید و بلوک ها رو داخل ستون ها قرار بدید.

دانیال دزفولی

دوشنبه 26 خرداد 1393, 21:09 عصر

فیلتره ما هم که از اون چیزا نداریم

ahmad156

دوشنبه 26 خرداد 1393, 21:37 عصر

فک کنم چیزی شبیه گرید سایت http://baku.ws میخواین احتمالا باید از jQuery کمک بگیرید لینکی رو که دادم بررسی کنید.
البته میتونید برای راحتی کار 4 تا ستون ایجاد کنید و بلوک ها رو داخل ستون ها قرار بدید.
آره تقریباً همین طوری میخوام.جالبه قبلاً به راحتی جوابشون رو پیدا کردم ولی الان همه جا رو زیر و رو کردم پیدا نکردم.همون طوری که شما گفتین با Css تنها نمیشد این کار رو کرد و باید از Jquery استفاده کرد.
یادمه یه پلاگین برای لود اطلاعات با اسکرول مانند فیسبوک بود که همین کار رو میکرد.
من div ها رو بر اساس اطلاعات دیتابیس میخونم و تعداد و ارتفاع های متفاوت هستند

qartalonline

دوشنبه 26 خرداد 1393, 22:13 عصر

اسم پلاگین isotope هستش دموش تو لینک زیر هستش.
http://www.jonathanschmid.de/ext/fluid-isotope

ظاهرا آدرس اصلیش http://isotope.metafizzy.co هستش.

cancerr

چهارشنبه 28 خرداد 1393, 09:09 صبح

http://packery.metafizzy.co/