fotoğrafın etrafına yazı yazmak

Ahmet79 · 12/04/2008, 00:56

div içine img tagıyla eklenmiş bir imajın etrafına yazı yazmak istiyorum. Yazı imajı tam çevrelemiyor.

Kod:

<div>buraya yazı gelecek.<img src="foto.jpg"/>Bu yazının fotoğrafın çevresini kaplamasını istiyorum. Fotoğrafın kenarı boş kalıyor

Eretna · 12/04/2008, 11:54

css kalıbında kendin düzenleyebilirsin ben tüm tagları yazıyorum.

PHP Kodu:

  <div  style="position: absolute; left: 10px; top: 53px; width: 148px; height: 183px; z-index: 1; vertical-align: middle"><span style=" width:300px; height:300px;">ddddddddddddd       afdfa  f af a a aşş şşşşşşşş şşşşşşşşşşşş şşşşşş ş şşşşşşşşşşşşşşşşşşşşşşşş şşşşşşşşşşşşşşşşşşşşşş</span></div>
<div  style="position: absolute; left: 158px; top: 53px; width: 195px; height: 183px; z-index: 2"><span style=" width:300px; height:300px;"><img src="Günbatımı.jpg" width="195" height="183"  style="margin:0px;"/></span></div>
<div  style="position: absolute; left: 354px; top: 53px; width: 168px; height: 183px; z-index: 3; vertical-align: middle"><span style=" width:300px; height:300px;">af afa fa a afadf af a af a a fa af af a a af af afa a dsafa af af a faf af a fasd fsf sf sd s sd sd s ds s s dsfsdf dsfsdfsdfsdfsdf dfffffffffffffffffffffffffffffffffffffff df ddddddddddddddddddd ffffffffffffffffffff</span></div>

Ahmet79 · 12/04/2008, 17:09

işin püf noktası imajı span içine alarak pozisyonunu belirlemek. span olursa çevresine yazı yazılabiliyor.Ayrıyetten imajı float:left ile sola-ya da sağa- alarak span içine almadan da yazıyı çevreletebiliyormuşuz.
Teşekkürler Eretna...

airweb · 13/04/2008, 19:37

<div style="position: absolute; left: 10px; top: 53px; width: 148px; height: 183px; z-index: 1; vertical-align: middle"><span style=" width:300px; height:300px;">ddddddddddddd afdfa f af a a aşş şşşşşşşş şşşşşşşşşşşş şşşşşş ş şşşşşşşşşşşşşşşşşşşşşşşş şşşşşşşşşşşşşşşşşşşşşş</span></div>
<div style="position: absolute; left: 158px; top: 53px; width: 195px; height: 183px; z-index: 2"><span style=" width:300px; height:300px;"><img src="Günbatımı.jpg" width="195" height="183" style="margin:0px;"/></span></div>
<div style="position: absolute; left: 354px; top: 53px; width: 168px; height: 183px; z-index: 3; vertical-align: middle"><span style=" width:300px; height:300px;">af afa fa a afadf af a af a a fa af af a a af af afa a dsafa af af a faf af a fasd fsf sf sd s sd sd s ds s s dsfsdf dsfsdfsdfsdfsdf dfffffffffffffffffffffffffffffffffffffff df ddddddddddddddddddd ffffffffffffffffffff</span></div>

12/04/2008, 00:56	#1 (permalink)
Ahmet79 Üye Üyelik Tarihi: 05/2007 Yer: Zonguldak Mesaj: 479	fotoğrafın etrafına yazı yazmak div içine img tagıyla eklenmiş bir imajın etrafına yazı yazmak istiyorum. Yazı imajı tam çevrelemiyor. Kod: <div>buraya yazı gelecek.<img src="foto.jpg"/>Bu yazının fotoğrafın çevresini kaplamasını istiyorum. Fotoğrafın kenarı boş kalıyor __________________ Not Defterim

12/04/2008, 11:54	#2 (permalink)
Eretna Deli Olmak Akıl İster Üyelik Tarihi: 09/2007 Yer: Ankara Mesaj: 1,346	css kalıbında kendin düzenleyebilirsin ben tüm tagları yazıyorum. PHP Kodu: <div style="position: absolute; left: 10px; top: 53px; width: 148px; height: 183px; z-index: 1; vertical-align: middle"><span style=" width:300px; height:300px;">ddddddddddddd afdfa f af a a aşş şşşşşşşş şşşşşşşşşşşş şşşşşş ş şşşşşşşşşşşşşşşşşşşşşşşş şşşşşşşşşşşşşşşşşşşşşş</span></div> <div style="position: absolute; left: 158px; top: 53px; width: 195px; height: 183px; z-index: 2"><span style=" width:300px; height:300px;"><img src="Günbatımı.jpg" width="195" height="183" style="margin:0px;"/></span></div> <div style="position: absolute; left: 354px; top: 53px; width: 168px; height: 183px; z-index: 3; vertical-align: middle"><span style=" width:300px; height:300px;">af afa fa a afadf af a af a a fa af af a a af af afa a dsafa af af a faf af a fasd fsf sf sd s sd sd s ds s s dsfsdf dsfsdfsdfsdfsdf dfffffffffffffffffffffffffffffffffffffff df ddddddddddddddddddd ffffffffffffffffffff</span></div> __________________ ################################ Kestiğin Ümitlerden Yelkenlerde Yaptım Ama... Yokluğunda Ne Gidebildim Ne De Kaldım. ###############################

12/04/2008, 17:09	#3 (permalink)
Ahmet79 Üye Üyelik Tarihi: 05/2007 Yer: Zonguldak Mesaj: 479	işin püf noktası imajı span içine alarak pozisyonunu belirlemek. span olursa çevresine yazı yazılabiliyor.Ayrıyetten imajı float:left ile sola-ya da sağa- alarak span içine almadan da yazıyı çevreletebiliyormuşuz. Teşekkürler Eretna... __________________ Not Defterim

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
resmin yanına yazı yazmak	g_azlag	Web Tasarım	3	29/01/2008 01:56
Her hangi bir programın textbox una yazı yazmak	dotnet	C / C++	4	18/03/2007 21:33
Resimlere yazı yazmak	Adrenalin	Photoshop / Corel / PSP	9	21/04/2004 23:27

13/04/2008, 19:37	#4 (permalink)
airweb Üye Üyelik Tarihi: 04/2007 Yer: İsT.-Esenler Mesaj: 16	<div style="position: absolute; left: 10px; top: 53px; width: 148px; height: 183px; z-index: 1; vertical-align: middle"><span style=" width:300px; height:300px;">ddddddddddddd afdfa f af a a aşş şşşşşşşş şşşşşşşşşşşş şşşşşş ş şşşşşşşşşşşşşşşşşşşşşşşş şşşşşşşşşşşşşşşşşşşşşş</span></div> <div style="position: absolute; left: 158px; top: 53px; width: 195px; height: 183px; z-index: 2"><span style=" width:300px; height:300px;"><img src="Günbatımı.jpg" width="195" height="183" style="margin:0px;"/></span></div> <div style="position: absolute; left: 354px; top: 53px; width: 168px; height: 183px; z-index: 3; vertical-align: middle"><span style=" width:300px; height:300px;">af afa fa a afadf af a af a a fa af af a a af af afa a dsafa af af a faf af a fasd fsf sf sd s sd sd s ds s s dsfsdf dsfsdfsdfsdfsdf dfffffffffffffffffffffffffffffffffffffff df ddddddddddddddddddd ffffffffffffffffffff</span></div>

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder