ست كردن عكس,عنوان و محتوا

[reazah 255]

ست كردن عكس,عنوان و محتوا به چه صورت هست به شكلي كه عنوان و محتوا روبه روي عكس قرار بگيره در سمت چپ و تصوير در ميانه ارتفاع

قبلا اين كار با margin , position انجام مي دادم ولي نميدونم چرا الان نميشه

<div class="li-news border-bottom">
		 <img src="image/b11.jpg" height="120" width="120" />
	 <a href="#"> <h2>عنوان</h2> </a>
		 <a>
	 يك متن ازمايشي براي تست متن در سايت
		 </a>
</div>

.li-news
{
width:600x;
padding:20px;
height:120px;
background:;
}
.border-bottom
{
background:url(../image/div_a.png) repeat-x scroll center bottom transparent;
}
.li-news a
{
text-decoration:none;
}
.li-news h2
{
color:#F00;
font-size: 20px;
}
.li-news img
{
border:none;
border-radius:2px;
}

ویرایش شده تیر 92 توسط reazah

[Farid 2281]

سلام

باید به عکس خصوصیت :

float:right;

اضافه کنید تا محتوا کنار عکس شناور شه و روی عکس نیاد ..

موقعیت تصویر هم با یه margin ساده تغییر میکنه ، خصوصیت position لازم نیس ...