veritabanından gelen css değerlerini dive yansıtma

merhaba arkadaşlar bir projemiz var projede broşür oluşturuyoruz ancak bir sıkıntımız var, veritabanında tuttugumuz top left width height değerlerinin istenildiği gibi dive yansıtılması gerekiyor ücretli ücretsiz yardımlarınızı bekliyorum olayın görüntüsünü paylaşıyorum sizler ile buradaki değerler veritabanından çekilip broşür üzerine oturmalı, değerler veritabından çekiliyor veritabanına insert kısmından adım adım değer vererek ilerliyoruz son görüntüsünde verilmesini istiyoruz sadece

Veriyi ceken sorguyu yapin sonra bunu belirlenen divlere yazdirin

bu şekilde yapıyoruz zaten ama oturmuyor

Hocam o şekilde yapmak yerine bu insert'leri arkaplan olarak kullanmayın. insert'i bir web sitesi gibi tasarlayın ve ürün eklendiğinde otomatik olarak konumlansın. Gördüğüm kadarı ile çok kolay bir şekilde kodlanabilecek bir tasarımı var insertlerin.

Izgara(grid) sistemi kullanarak kutucukların içerisine bir döngüyle de ürünleri girdirtebilirsiniz. Böylece width, height kaydı tutmanıza da gerek kalmaz.

Merhabalar, basit mantıkla aşağıda kodları paylaşıyorum kendinize göre uyarlarsınız. Kapsayıcı dive position relative vermeniz önemliyoksa top ve left değerlerini tutturamazsınız.
<style>
.arkaplan {
position:relative;
width:800px;
height:1200px;
background-image:url(arkaplan.jpg);
background-size:100%;
background-repeat:no-repeat;
}
.urunlerim {
position:absolute;
}
</style>

<div class="arkaplan">
<?php foreach($datalar as $data ) {?>
<img src="fotoadi.jppg" class="urunlerim" style="top:<?php echo $data['top'];?>; left:<?php echo $data['left'];?>">
<?php }?>
</div>