CSS Resim üzerine yazı yazma...

11-09-2013, 09:55:18

Ne yaptıysam resim üzerine yazı yazamadım anlamadım gitti, sistem wp olunca kafayı yedim...

Örnek olarak şu resmin üzerine nasıl yazı yazarım?

<img src='resimadresi' class='' alt='' />

11-09-2013, 10:23:11

#2

teknolyo

<div class="resimKapsayici">
<img src="resimadresi">
<p class="resimYazisi">Lorem ipsum</p>
</div>
<style>
.resimKapsayici {position:relative}
.resimYazisi {position:absolute;left:10px;top:10px;}
</style>

.resimYazisi için left,top değerlerini değiştirerek yazının konumunu ayarlayabilirsiniz

11-09-2013, 14:10:55

#3

mewluthday

teknolyo adlı üyeden alıntı: mesajı görüntüle

<div class="resimKapsayici">
<img src="resimadresi">
<p class="resimYazisi">Lorem ipsum</p>
</div>
<style>
.resimKapsayici {position:relative}
.resimYazisi {position:absolute;left:10px;top:10px;}
</style>

.resimYazisi için left,top değerlerini değiştirerek yazının konumunu ayarlayabilirsiniz

Div olarak resim, csse taşınmayacak... Resim kodu böyle olacak üzerine yazılacak

EDİT: Kusura bakmayın telden girince farkedememişim, deniyprum...

iPhone 5 cihazımdan Tapatalk 2 ile gönderildi

11-09-2013, 15:47:54

#4

mewluthday

Sorunm çözülmüştür

20-09-2013, 09:01:34

#5

Phlegm

teknolyo adlı üyeden alıntı: mesajı görüntüle

<div class="resimKapsayici">
<img src="resimadresi">
<p class="resimYazisi">Lorem ipsum</p>
</div>
<style>
.resimKapsayici {position:relative}
.resimYazisi {position:absolute;left:10px;top:10px;}
</style>

.resimYazisi için left,top değerlerini değiştirerek yazının konumunu ayarlayabilirsiniz

Up edeyim, iş görür ve en kestirme kod bu şekilde