Чтобы сделать так как на картинке - нужно заключить картинку и описание в div и прописать class="img-desc", а именно:
Code
<div class="img-desc">
<img src="sample.jpg" alt="" />
<cite>Симпатичный диванчик. Устраивайтесь по-удобнее... </cite>
</div>
В CSS вставляем:
Code
.img-desc {
position: relative;
display: block;
height:335px;
width: 575px;
}
.img-desc cite {
background: #111;
filter:alpha(opacity=55);
opacity:.55;
color: #fff;
position: absolute;
bottombottom: 0;
leftleft: 0;
width: 555px;
padding: 10px;
border-top: 1px solid #999;
}
