اندازه ماژول

[mar.yam 1]

داخل سایتم , یه کادری دارم که 3 تا ستون داخل این کادر ایجاد کردم و هر ستون هم یه ماژوله!

مشکلم اینجاست که ارتفاع این ماژولا گاهی اوقات از ارتفاع کادر اصلیم بیشتر می شه و می زنه بیرون!!!!

راه حلی وجود داره که ارتفاع news3 و news2 با کادر خاکستری یکی شه؟؟

[علی موذنی 310]

درود بر شما

مقدار height را برای این موقعیت ها تعریف نکنید

[mar.yam 1]

ممنون. اما درست نشد!!!!:s

دوباره از کادر می زنه بیرون.

کد اون قسمت اینه:

style.css

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
    height:50px;


 border:1px solid #CCCCCC;
 -moz-border-radius: 12px;  
 -webkit-border-radius: 12px;
 border-radius: 12px;  
   background-color:#CCCCCC;

}
#news1 {
   float: left;
   width: 220px;
}

#news2 {
   float: left;
   width: 220px;

}
#news3 {
   float: left;
   width: 220px;
}

index.php

<?php if($this->countModules('news1 or news2 or news3')) : ?>





<?php endif; ?>

[مصطفی صفرعلی 2,891]

با سلام

تو همون فایل css برای news# مقدار height را از 50px به auto تغییر دهید

موفق و پیروز باشید

یا حق

:64 (17):

[mar.yam 1]

نه ! درست نشد!

[سعید حمزه زاده 104]

مقدار height:50px; رو تغییر بدید

[sonic69 279]

راه حل هایی که دوستان در بالا به اون اشاره کردند درست هست!

شما اگر براتون مقدور هست دمو از سایت تون قرار بدید تا بهتر بشه راهنمایی کرد

در هر صورت دو کدی که در انتها قرار دادم رو جای گزین کد زیر در فایل استایل دات سی اس اس کنید

کد ها جایگزین کد زیر شوند

ابندا کد اول رو قرار بدید اگر درست نشد کد دوم رو قرار بدید!

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
    height:50px;
 border:1px solid #CCCCCC;
 -moz-border-radius: 12px;  
 -webkit-border-radius: 12px;
 border-radius: 12px;  
   background-color:#CCCCCC;

}

کد اول:

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
border:1px solid #CCCCCC;
 	-moz-border-radius: 12px;  
 	-webkit-border-radius: 12px;
	border-radius: 12px;  
   background-color:#CCCCCC;

}

کد دوم:

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
   height:auto;
border:1px solid #CCCCCC;
 	-moz-border-radius: 12px;  
 	-webkit-border-radius: 12px;
	border-radius: 12px;  
   background-color:#CCCCCC;

}

اگر با این کد ها هم درست نشدندnews ، height رو برابر کنید با height قسمت خاکستری کنید

موفق باشید

[سعید حمزه زاده 104]

راه حل هایی که دوستان در بالا به اون اشاره کردند درست هست!

شما اگر براتون مقدور هست دمو از سایت تون قرار بدید تا بهتر بشه راهنمایی کرد

در هر صورت دو کدی که در انتها قرار دادم رو جای گزین کد زیر در فایل استایل دات سی اس اس کنید

کد ها جایگزین کد زیر شوند

ابندا کد اول رو قرار بدید اگر درست نشد کد دوم رو قرار بدید!

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
    height:50px;
 border:1px solid #CCCCCC;
 -moz-border-radius: 12px;  
 -webkit-border-radius: 12px;
 border-radius: 12px;  
   background-color:#CCCCCC;

}

کد اول:

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
border:1px solid #CCCCCC;
 	-moz-border-radius: 12px;  
 	-webkit-border-radius: 12px;
	border-radius: 12px;  
   background-color:#CCCCCC;

}

کد دوم:

#news {
   direction:rtl;
   text-align:right;
   padding:10px;  
   clear: both;
   height:auto;
border:1px solid #CCCCCC;
 	-moz-border-radius: 12px;  
 	-webkit-border-radius: 12px;
	border-radius: 12px;  
   background-color:#CCCCCC;

}

اگر با این کد ها هم درست نشدندnews ، height رو برابر کنید با height قسمت خاکستری کنید

موفق باشید

در نظر داشته باشید ممکنه اون قسمت طوسی رنگ یک تصویر باشه که فراخوانی شده، ممکنه مجبور بشید اون تصویر رو هم بزرگ کنید و جایگزین تصویر قبلی بفرمایید

یا علی

[mar.yam 1]

ممنون از همه دوستان که کمک کردن اما هیچ کدوم درست نشد!

news همون قسمت خاکستری رنگه!

اینم سایت:

http://www.fartoos.com

[سعید حمزه زاده 104]

دوست عزیز شما در فایل style.css خط 112

height: 50px; رو مثلا به height: 100px; تغییر بدید

چرا میگید نمیشه؟

[sonic69 279]

برای این دوراه پیش رو دارید یا اندازه news3،news2،news1 رو کاهش بدید یا از راه حل جناب keran4i عمل کنید البته دقت داشته باشد که شما

    padding:10px;  

دادید به news و باید height رو هم 10 تا بیشتر بگیرید

موفق باشید

[mar.yam 1]

دوست عزیز شما در فایل style.css خط 112

height: 50px; رو مثلا به height: 100px; تغییر بدید

چرا میگید نمیشه؟

اگه 10000 هم بذارم میشه! ولی من نمیخوام این مدلی باشه!

یعنی می خوام کادر خاکستریم که همون news هس , خودشو با ارتفاع بیشترین ماژول (یکی از همون 3 تا ماژول داخل کادر) تنظیم کنه.

اگه من ارتفاع کادر خاکستری رو بکنم100 , ممکنه یه ماژول داشته باشم که ارتفاعش 200 باشه! و اون موقع روز از نو و ....

[سعید حمزه زاده 104]

خب دوست عزیز شما این کادر رو حذف کنید و بجای این کار باید به موقعیت ها background بدید

که هر اندازه ای که بود به همون اندازه تغییر کند

یا علی

[mar.yam 1]

برای این دوراه پیش رو دارید یا اندازه news3،news2،news1 رو کاهش بدید یا از راه حل جناب keran4i عمل کنید البته دقت داشته باشد که شما

    padding:10px;  

دادید به news و باید height رو هم 10 تا بیشتر بگیرید

موفق باشید

یعنی چی؟:s

---

خب دوست عزیز شما این کادر رو حذف کنید و بجای این کار باید به موقعیت ها background بدید

که هر اندازه ای که بود به همون اندازه تغییر کند

یا علی

میشه یه خورده بیشتر توضیح بدین؟!

---

برای این دوراه پیش رو دارید یا اندازه news3،news2،news1 رو کاهش بدید یا از راه حل جناب keran4i عمل کنید البته دقت داشته باشد که شما

    padding:10px;  

دادید به news و باید height رو هم 10 تا بیشتر بگیرید

موفق باشید

یعنی چی؟:s

---

خب دوست عزیز شما این کادر رو حذف کنید و بجای این کار باید به موقعیت ها background بدید

که هر اندازه ای که بود به همون اندازه تغییر کند

یا علی

میشه یه خورده بیشتر توضیح بدین؟!

---

مدیر سایت کیه؟!!!!

چرا یه دکمه " ویرایش " نمی ذارین؟!!!:001:

[مصطفی صفرعلی 2,891]

با سلام

برای استفاده از دکمه ویرایش مدت زمان محدودی را در اختیار دارید . اگر دکمه را نمیبینید با استفاده از Ctrl+F5 مرورگر را رفرش کنید

برای حل این مشکل اگه همون اول دمو میدادید بهتر میشد راهنمایی کرد

در هر حال ابتدا به مسیر زیر بروید

templates/akhrinbar/css/style.css

در خط 112 کد زیر قرار دارد

#news {
   background-color: #CCCCCC;
   border: 1px solid #CCCCCC;
   border-radius: 12px 12px 12px 12px;
   clear: both;
   direction: rtl;
   height: 50px;
   padding: 10px;
   text-align: right;
}

کد زیر را جایگزین کد بالایی کنید

#news {
   background-color: #CCCCCC;
   border: 1px solid #CCCCCC;
   border-radius: 12px 12px 12px 12px;
   clear: both;
   direction: rtl;
   display: inline-table;
   height: auto;
   padding: 10px;
   text-align: right;
}

پس از اتمام کار ، کش مرورگرتون رو پاکسازی کنید و تست کنید به احتمال 100٪ مشکل حل خواهد شد

موفق و پیروز باشید

یا حق

:64 (17):