سعید شعبانی 2047 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سلام من مطالب جدید سایتم رو به صورت مستطیل هایی که در شکل زیر می بینیدقرار داده ام ولی زمانی که یکی از مستطیل ها ارتفاعش از مستطیل های دیگر بیشتر شود , مستطیل بعدی با یک فاصله به اندازه جای یک مستطیل به مکان بعدی می رود که در تصور دوم قابل مشاهده استیا اینکه مانند تصویر زیر زمانی که یک مستطیل ارتفاعش کم شود قاصله ای بین مستطیل با لایی و پایینی بوجود می آیدحال من می خواهم زمانی که مستطبل ها ارتفاعشان کم یا زیاد می شود به صورت خودکار نه آجاکس قبل از لود شدن صفحه ارتفاع پست ها تنظیم شود و هیچ فضای خالی ایجاد نشود و نیز تاثیری بر سرعت بارگزاری صفحه نداشته باشد. نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 این مشکل بخاطر عدم تعیین ارتفاع باکس بصورت پیش فرض هست.شما بهتره بزرگترین اندازه ارتفاع باکس رو بگیرید و در استایل به باکسهاتون بدید تا همیشه به یک اندازه باشن. 2 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 این مشکل بخاطر عدم تعیین ارتفاع باکس بصورت پیش فرض هست.شما بهتره بزرگترین اندازه ارتفاع باکس رو بگیرید و در استایل به باکسهاتون بدید تا همیشه به یک اندازه باشن.من این کار رو انجام دادم اما زمانی که طول عنوان یک پست زیاد تر شود یا متن آن بیشتر شود یا اینکه تصویر شاخص نداشته باشد این مشکلاتی که در بالا نوشته ام بوجود می آید من برای طول عنوان تدابیر اندیشیدم که توسط دوستان همین انجمن یاد گرفتم اما به نظرم جالب نسیت اگر بتوان کاری کرد که قبل از لود صفحه اندازه باکس ها تغییر کنند تا هیچ فضای خالی باقی نماند بهتر می شود. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 من این کار رو انجام دادم اما زمانی که طول عنوان یک پست زیاد تر شود یا متن آن بیشتر شود یا اینکه تصویر شاخص نداشته باشد این مشکلاتی که در بالا نوشته ام بوجود می آید من برای طول عنوان تدابیر اندیشیدم که توسط دوستان همین انجمن یاد گرفتم اما به نظرم جالب نسیت اگر بتوان کاری کرد که قبل از لود صفحه اندازه باکس ها تغییر کنند تا هیچ فضای خالی باقی نماند بهتر می شود.به استایل پست ها max-height را اضافه کن و مقدارش را با height برابر کنبه همان استایل اضافه کنoverflow:hiddenدر مورد انتخاب عنوان سئوال هم بیشتر دقت کن 2 نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 به استایل پست ها max-height را اضافه کن و مقدارش را با height برابر کنبه همان استایل اضافه کنoverflow:hiddenدر مورد انتخاب عنوان سئوال هم بیشتر دقت کنکار هایی رو که گفتید رو انجام دادم اما زمانی که ارتفاع پست زیاد می شود مطالب و .. به زیر می روند و دیگر پیدا نیستند .این کار جکجورایی مسئله رو پاک کردن هست من می خواهم تا به صورت خودکار زمانی که یک پست ارتفاعش کم هست پست بعدی بالاتر آید و فاصله ای بین دو پست ایجاد نشود و بلعکس زمانی که ار تفاع پستی زیاد می شود پست بعدی به اندازه ارتفاعی که پست بلندتر پایین آمده است پایین برود و باز فاصله بین پست ها یکسان بماند نقل قول لینک به ارسال
سعید شعبانی 2047 ارسال شده در آذر 91 مالک گزارش بازنشر ارسال شده در آذر 91 این برگه رو نگاه کنید http://stackexchange.com/sites?view=gridمی بینید که اندازه باکس ها متفاوت هست اما فاصله بین باکس ها ثابت است و به صورت آنلاین اندازه باکس ها تغییر می کند تا فاصله ای میان باکس ها ایجاد نشود و جای خالی وجود نداشته باشد. نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 خوب باید همینطور باشه وقتی شما از اینگونه آرایش می تونی استفاده کنی که یک حجم معین از مطلب را در صفحه ی اصلی نمایش بدی و الا یا باید با بی نظمی کادرها بسازی یا با مخفی شدن بخشی از مطالب البته می تونی اندازه ارتفاع را برای بیشترین مقدار تعریف کنی ولی مطالب کم حجم فضای خالی زیادی خواهند داشتچیزی که شما می خواهی اصلا با دستور float انجام نمی شود شما می توانی دستور-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari and Chrome */column-count:3;را به استایل لایه ی اصلی که همه پست ها در آن هستند (بیرون حلقه ) اضافه کنی ولی ترتیب نمایش بجای کنار هم می شود زیر همیعنی مثلا برای 9 مطلب خواهی داشتمطلب اول + مطلب چهارم + مطلب هفتممطلب دوم + مطلب پنجم + مطلب هشتممطلب سوم + مطلب ششم + مطلب نهم 3 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 91 گزارش بازنشر ارسال شده در آذر 91 سایتی که لینک دادید هم اینطور نیست که کادرها با هر اندازه ای باشندهر کادر در دو کلاس تعریف شده و اندازه اش کاملا مشخص است فقط با یک دستور جاوا اسکریپت کلاس ها از یک به دو تغییر می کندdocument.getElementById('PostID').className='Class2'و جی کوئری<script> $("#postID").click(function () { $(this).toggleClass(".class2"); });</script> 2 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .