1 پاسخ برای این موضوع

[yarebavafa]

با عرض سلام و احترام
من یک قالب دارم که مطالب به صورت دوستونه نمایش داده میشه
حال مشکل رو به صورت کامل توضیح میدم لطفا اساتید و دوستان محترم راهنمایی نمایند
من برای قالب نمایش مطالب در صفحه اول در فایل shortstory.tpl از کد زیر استفاده کردم.

<ul class="isicons reset">
<li class="screenshot" id="xnews-69158">
<h4>{title}</h4>
<img src="{image-1}" style="float: center; width:220px; height:180px;">
{short-story limit="170"}
<br />
[full-link]<div class="enter-button3"></div>[/full-link]
</li>
</ul>

و برای فایل سی اس اس هم کد زیر رو

.entry li.screenshot {
    background: #edf1f3;
    border: 0px solid #cdd8dd;
    width:230px;
    height:100%;
    margin:2px;
    margin-top: 4px;
}

حال مشکلی که هست در خبر های که در صفحه اول قرار میگیره دو خبر اول به صورت دوستونه درست کنار هم قرار میگیره ولی بعد از آن یک در میان جای یکی از ستون ها خالی میماند
به تصویر زیر لینک شده نگاه کنید
http://up2www.com/uploads/69aett.png
ولی وقتی در فایل سی اس اس بخش height:100%; رو روی عدد خاصی قرار میدم به طور مثال 400px چیدمان درست میشه ولی باز مشکل ساز میشه چون در برخی از خبرها تیتر و متن خبر کم هست و جای خالی باکس زایه میشه
لطفا راهنمایی نمایید تا مشکل رو رفع کنم
پیشاپیش از شما متشکرم

[Nothing]

سلام.
این کد رو جا به جا کنید.
کد سی اس اس:

.Div-Box{
     width: 225px;
    direction: rtl;
    min-height: 240px;
    background-color: #EDF1F3;
    padding: 10px 5px;
    float: right;
    margin: 3px 3px 0 0;
    clear: left;}
.Div-Box h4{
    margin: 5px 0;
    text-align: right;}
.Div-Box img{
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 150px;}

.Div-Box p{
        margin: 8px 5px;
    text-align: justify;
    font-family: tahoma, sans-serif;
    font-size: 80%;
    color: #4C4C4C;
}
.Div-Box a{
    display: block;
    text-decoration: none;
    width: 90px;
    height: 17px;
    padding: 5px 10px;
    background-color: #FFBA02;
    color: #fff;
    font-weight: bold;
    font-family: tahoma;
    font-size: 66%;
    text-align: center;
    border-radius: 5px;
    margin-right: 115px;}

کد اچ تی ام ال:

<div class="Div-Box">
<h4>کد عنوان در اینجا قرار می گیرد</h4>
<img src="http://www.datalifeengine.ir/forum/templates/dlev2/images/noavatar.

png" alt="Image Article" />
<p>
در اینجا کد متن به صورت محدود قرار میگیرد در اینجا کد متن به صورت محدود قرار میگیرد در اینجا کد متن به صورت محدود قرار میگیرد در اینجا کد متن به صورت محدود قرار میگیرد
</p>
<a href="#">کد ادامه ی مطلب</a>
</div>

تنظیماتش و زیبا کردنش با خودتون.