Selamlar,
Bir div var, bunun içinde 8 tane resim var. Resimlerin div içindeki yerleri dağınık, herhangi bir yer olabilir.
Ne yapmam gerek? Resimlere position: relative; top: 40px; left: 80px (sallıyorum)
gibi birşey yazmam gerek sanırım ama çözemedim.
Basit bir positioning sorunu
3
●339
- 01-12-2010, 15:17:20Kimlik doğrulama veya yönetimden onay bekliyor.
- 01-12-2010, 19:36:22selamlar.
div için genişlik ve yüksekliğini belirle.
css dosyası içerisine, div içinde yer alacak resimlerin tümünü kapsaması açısından aşağıdaki kodu ekledikten sonra, kod üzerinde değişiklik yaptıkça, istediğin düzeni elde edebilirsin. bu arada resimlerin boyutları, div'in boyutu gibi hiçbir bilgi vermemişsin.
.divismi img {float:left; margin-right:5px} - 02-12-2010, 15:11:18Kod şu civar birşey olacak. Top ve Left'ler değişken olacak, ne olacaklarına o anda PHP karar verecek. Benim için önemli olan "div içerisinde" o noktada bulunması. Yani ilk resimde mesela, div'in en üst uç noktasından aşağıya doğru 140'a 250 pozisyonunda bulunması.
<div style="width: 630px; height: 480px; ">
<img src="1.jpg" style="top: 140px; left: 250px;">
<img src="2.jpg" style="top: 350px; left: 270px;">
<img src="3.jpg" style="top: 460px; left: 360px;">
<img src="4.jpg" style="top: 520px; left:420px;">
</div>
Resimler üstüste gelebilir, hiç sorun değil.
Teşekkürler.