Morteza1371
Active Member
سلام دوباره خدمت شما
چند مشکل اساسی متن برام بوجود اومده و اونم اینه که .
یک بلوک با نام آخرین مطالب ساختم . که استایلش به شکل زیر هست.// و گنجایش 12 نوشته رو داره. اما بیشتر از اون می زنه بیرون.
2.padding روی نوشته تاثیری نداره.
از تگ <ul> </ul> هم استفاده نکردم . چون از بالا فاصله ی خیلی زیادی می انداخت و خراب می شد.
البته این اسم هایی رو که برای کلاس ها نوشتم . بخاطر اینه که در حال آموزش هستم. از تمام دوستان عذر خواهی می کنم.
چند مشکل اساسی متن برام بوجود اومده و اونم اینه که .
یک بلوک با نام آخرین مطالب ساختم . که استایلش به شکل زیر هست.// و گنجایش 12 نوشته رو داره. اما بیشتر از اون می زنه بیرون.
2.padding روی نوشته تاثیری نداره.
از تگ <ul> </ul> هم استفاده نکردم . چون از بالا فاصله ی خیلی زیادی می انداخت و خراب می شد.
البته این اسم هایی رو که برای کلاس ها نوشتم . بخاطر اینه که در حال آموزش هستم. از تمام دوستان عذر خواهی می کنم.
PHP:
.b-top-right{
width:250px;
height:188px;
background-color:#FFF;
float:right;
border:solid 1px #ccc;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right:5px;
margin-top:5px;
position:static;
}
.b-top-right li {
border-bottom:dashed 1px #242a74 ;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#242a74;
text-align:right;
text-decoration:none;
line-height:150%;
direction:rtl;
padding-right:0px;
list-style:none;
}
.b-t-img {
float:right;
}
PHP:
<div class="b-top-right">
<div class="b-t-img">
<img src="images/e-subject.png" width="25" height="188" /></div>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
<li>آخرین مطلب من</li>
</div>
</div>