Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

yazıların resmin dört yanını sarmasını istiyorum...

redjingle

🌱Yeni Üye🌱
Katılım
16 Kas 2010
Mesajlar
20
Tepkime puanı
0
Merhabalar arkadaşlar...

Öğrenmek istediğim, bir şey var. Yardımcı olabilecek arkadaş varsa sevinirim...

şöyle basit bir kodum var diyelim :

<div class="container">

<img src="ornek.png" />

<p> Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.</p>

</div>

Bu arada, div boyutu resim boyutundan yaklaşık % 50 daha büyük.Şimdi burada yapmak istediğim şey, resmi divin hem dikey olarak, hem de yatay olarak, tam ortasında olmasını sağlamak ve ayrıca, divin içindeki yazıların, resmin 4 yanını da sarmasını sağlamak.

Bunu nasıl yapabilirim acaba ? :worried:
 

freedoom16

⭐Deneyimli Tasarımcı⭐
Katılım
23 Nis 2011
Mesajlar
112
Tepkime puanı
2
Web sitesi
www.paylasimdukkani.com
frontpage veya dreamweaverde de bı tane dıv yap ortala sana .
dıve tıkla sonra kod bolumune gel kodunu ogrenırsın :)

 

redjingle

🌱Yeni Üye🌱
Katılım
16 Kas 2010
Mesajlar
20
Tepkime puanı
0
eyvallah, saol ama :) sen ne yapmak istediğimi anlamadın sanırım dostum. :) senin dediğin şeyle alakası yok yani yapmaya çalıştığım şeyin. saol gene de ;)
 

sanaluser

🌟Usta Tasarımcı🌟
Katılım
30 May 2009
Mesajlar
325
Tepkime puanı
21
Web sitesi
www.taneryilmaz.net
Merhabalar arkadaşlar...

Öğrenmek istediğim, bir şey var. Yardımcı olabilecek arkadaş varsa sevinirim...

şöyle basit bir kodum var diyelim :

<div class="container">

<img src="ornek.png" />

<p> Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.</p>

</div>

Bu arada, div boyutu resim boyutundan yaklaşık % 50 daha büyük.Şimdi burada yapmak istediğim şey, resmi divin hem dikey olarak, hem de yatay olarak, tam ortasında olmasını sağlamak ve ayrıca, divin içindeki yazıların, resmin 4 yanını da sarmasını sağlamak.

Bunu nasıl yapabilirim acaba ? :worried:

resmi sağa veya sola yaslayarak yapabilirsin resmin bir kenarını ve altını kaplayan bir yazı yapabilirsin ama resmi yazının ortasına alma fikri biraz fantezi gibi geldi bana :) yanlız yapmak istediğin şey satır yüksekliği kadar küçük resimleri yazının içine koymaksa bu yapılabilir.
 

Delik

🏅Acemi Tasarımcı🏅
Katılım
16 Ağu 2008
Mesajlar
55
Tepkime puanı
0
Merhabalar arkadaşlar...

Öğrenmek istediğim, bir şey var. Yardımcı olabilecek arkadaş varsa sevinirim...

şöyle basit bir kodum var diyelim :

<div class="container">

<img src="ornek.png" />

<p> Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.Bu örnek bir paragraftır.</p>

</div>

Bu arada, div boyutu resim boyutundan yaklaşık % 50 daha büyük.Şimdi burada yapmak istediğim şey, resmi divin hem dikey olarak, hem de yatay olarak, tam ortasında olmasını sağlamak ve ayrıca, divin içindeki yazıların, resmin 4 yanını da sarmasını sağlamak.

Bunu nasıl yapabilirim acaba ? :worried:

Cok güzel bir düsünce ama bir <div> icerisinde olan resmi Horizontal ver Vertikal ortalamak mümkün degil. Öyle birsey yapmayi düsünüyorsan ilk önce tabelalarla calisman gerek yani <div> icerisinie <table><tr><td><img src="..."/></td></tr> kodlamalisin ve boyutlari css üzerinden yazmayi unutma.

Yalniz yazilara gelince yazilari resmin 4 bir tarafindan akitmak malesef css veya html olarak daha mümkün dehil. Ya üst ve sol yada sol ve alt seklinde düzenleyebilirsin bu durumda float laman gerekedebilir.
 
Üst