رفتن به مطلب

پست های پیشنهاد شده

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

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

89749910050515699408.png

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

ممنون. اما درست نشد!!!!: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; ?>

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

#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 قسمت خاکستری کنید

موفق باشید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

#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 قسمت خاکستری کنید

موفق باشید

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

یا علی

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

    padding:10px;  

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

موفق باشید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

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

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

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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

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

یا علی

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

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

    padding:10px;  

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

موفق باشید

یعنی چی؟:s


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

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

یا علی

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


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

    padding:10px;  

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

موفق باشید

یعنی چی؟:s


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

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

یا علی

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


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

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

برای استفاده از دکمه ویرایش مدت زمان محدودی را در اختیار دارید . اگر دکمه را نمیبینید با استفاده از 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):

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...