resim altına yazı yazmak

Merhaba Arkadaşlar BirSorum Olacakdı CSS De İyi Değilim


İstediğimŞey Aslında BasitHaber Sitelerinde Olur Ana Sayfada

ResimOlur Altındada Yazı Olur

Örnek http://www.hurriyet.com.tr/anasayfa/

Burada Resim Altınada KücükBir Acıklama Yazılmıs Bunu Nasıl Yapabilirim

resimi altında bir div oluştur ve yazıları bu dive yaz

position:absolute;
margin-top:-20px;

sonra css ile dive yukarıdaki özellikleri vererek yazını resmin üzerine yerleştir.

<style type="text/css">

#tablo
{
	position:relative;
	width:100px;
	height:100px;
}
.text
{
	font-face:'verdana';
	color:#FF0000;
}
img{
	position:relative;
	width:100px;
	height:100px;
}

</style>
<div id="tablo">
	<img src="resim.jpg" width="100" height="100">
	<div class="text">Haber içeriği... Dharma..... </div>
</div>

Bu örneği kullanabilirsin.

relative yaptıktan sonra, absolute ile o nesneyi uçurup sonra konumlandırma yapmayıda unutma. örneğin sola yapışık istiyorsan left:1px; en üstte sağda istiyorsan top:0;right:0; gibisinden...

konumlandırmak istediğin elemente absolute, onu kapsayan elemente ise relative vermelisin.