Php Veritabanından Çektiğim Veriyi Döngüyle Çoğaltma

yazilimyolcusu

Arkadaşlar merhaba. Resimdeki gibi veritabanından veriyi çekiyorum. Ama döngüyle birden fazla veriyi nasıl çekebilirim, bilemedim. Eklediğim resimden bakabilirsiniz.
`
<?php
$resimalbumusorgusucek=$db->query("SELECT * FROM resimalbumu");
$resimalbumucek = $resimalbumusorgusucek->fetchAll(PDO::FETCH_ASSOC);
foreach($resimalbumucek as $resimalbumu) {
?>

<div style="position:relative; width:100%; height:450px; background:#cccccc; top:60px;">
<div style="position:absolute; background:#81a8f4; width:100%; height:50px; line-height:50px;
        padding-left:10px; font-size:20px; color:#fff;">
Albüm Listesi
</div>

<div style="width:100%; position:absolute; height:300px;
                                background:; top:50px;">

<div style="width:50%; height:35px; line-height:35px; position:absolute; height:35px;
        background:#fff; padding-left:10px; color:black; text-align:center;">
Albüm Adı
</div>

<div style="width:35%; position:absolute; height:35px; line-height:35px; background:brown;
        margin-left:50%; padding-left:10px; color:#fff; text-align:center;">
Albüm Sırası
</div>

<div style="width:15%; position:absolute; height:35px; line-height:35px; background:blue;
        margin-left:85%; padding-left:10px; color:#fff; text-align:center;">
Düzenle - Sil
</div>

<div style="width:50%; position:absolute; height:35px; line-height:35px; background:#4b7096;
        top:35px; padding-left:10px; color:#fff; text-align:center;">
<?php echo $resimalbumu['resimalbumu_adi']; ?>
</div>

<div style="width:35%; position:absolute; height:35px; line-height:35px;
            background:#acacac; margin-left:50%; top:35px; padding-left:10px; color:#fff;
            text-align:center;">
<input type="text" name="" value="<?php echo $resimalbumu['resimalbumu_sirasi']; } ?>" style="width:50px; height:25px; color:#000; text-align:center;" />
</div>   

<div style="width:15%; position:absolute; height:35px; line-height:35px;
            background:#c123cc; margin-left:85%; top:35px; padding-left:10px; color:#fff;
            text-align:center;">
<img src="../../../upload/icons/edit.png" title="Düzenle" />
<img src="../../../upload/icons/delete.png" style="padding-left:25px;" title="Sil"/>
</div>

</div>

yazilimyolcusu

    `<?php
$resimalbumusorgusucek=$db->prepare("SELECT * FROM resimalbumu");
$resimalbumusorgusucek->execute(array());
$resimalbumucek=$resimalbumusorgusucek->fetchAll(PDO::FETCH_ASSOC);
?>
<?php
foreach($resimalbumucek as $resimalbumu) {
?>
<div style="position:relative; width:100%; height:450px; background:#cccccc; top:60px;">
<div style="position:absolute; background:#81a8f4; width:100%; height:50px; line-height:50px;
		padding-left:10px; font-size:20px; color:#fff;">
Albüm Listesi
</div>

<div style="width:100%; position:absolute; height:300px;
								background:; top:50px;">

<div style="width:50%; height:35px; line-height:35px; position:absolute; height:35px;
		background:#fff; padding-left:10px; color:black; text-align:center;">
Albüm Adı
</div>

<div style="width:35%; position:absolute; height:35px; line-height:35px; background:brown;
		margin-left:50%; padding-left:10px; color:#fff; text-align:center;">
Albüm Sırası
</div>

<div style="width:15%; position:absolute; height:35px; line-height:35px; background:blue;
		margin-left:85%; padding-left:10px; color:#fff; text-align:center;">
Düzenle - Sil

</div>

<div style="width:50%; position:absolute; height:35px; line-height:35px; background:#4b7096;
		margin-top:35px; padding-left:10px; color:#fff; text-align:center;">
<?php echo $resimalbumu['resimalbumu_adi']; ?>
</div>

<div style="width:35%; position:absolute; height:35px; line-height:35px;
			background:#acacac; margin-left:50%; margin-top:35px; padding-left:10px; color:#fff;
			text-align:center;">
	<input type="text" name="" value="<?php echo $resimalbumu['resimalbumu_sirasi']; ?>" style="width:50px; height:25px; color:#000; text-align:center;" />
</div>

<div style="width:15%; position:absolute; height:35px; line-height:35px;
			background:#c123cc; margin-left:85%; margin-top:35px; padding-left:10px; color:#fff;
			text-align:center;">
<img src="../../../upload/icons/edit.png" title="Düzenle" />
<img src="../../../upload/icons/delete.png" style="padding-left:25px;" title="Sil"/>
</div> 

<?php } ?>

</div>
</div>`

Yukarıdaki kod ile şu görüntü çıkıyor. Ben sadece çektiğim veriler sıra halinde gelsin istiyorum. 1. resimdeki gibi değil de 2. resimdeki gibi olacak. Bu arada döngüyle olmayacak sadece şu kodları nereye yazsam bana ikinci resimdeki sonucu verir. Bu arada veritabanından çekeceğim veri iki satır yani alt alta sıra halinde gelmeli.

<?php $resimalbumusorgusucek=$db->prepare("SELECT * FROM resimalbumu"); $resimalbumusorgusucek->execute(array()); $resimalbumucek=$resimalbumusorgusucek->fetchAll(PDO::FETCH_ASSOC); ?>

Resim
Resim

Halil Han BADEM

yazilimyolcusu Merhaba,
bootstrap denedin mi hiç? Ek olarak genel tabloyu bir div içine alıp o div içerisinde nesneleri çoğaltabilirsin. Tablo nesnelerini incelersen kesin çözüme ulaşırsın.

nullcoder

Halil Han BADEM herkes bootstrap kullanıyor özgün tasarımlar en iyisi

nullcoder

foreach’ ı Albüm listesinden sonra ki divin altına taşıyın.

Halil Han BADEM

nullcoder Tasarım anlamında söylemedim. Bootstrap'ın tutorunda bunun için örnekleri var.

nullcoder

Halil Han BADEM bilmiyordum pardon

yazilimyolcusu

Bootstrap'ı kullanırsam alt alta yazacak mı, tam anlayamadım. 🙂 Zaten div içinde hepsi. Yani genel bir div içine aldım. Yine de olmadı.
Bir de "Albüm Listesi" nin altına yazdığımda sonuç şu şekil oluyor.

yazilimyolcusu

Kodları aşağıdaki gibi düzenledim ve istediğimi de yaptım arkadaşlar. Yardımlarınız için teşekkür ederim.
` <?php
$resimalbumusorgusucek=$db->prepare("SELECT * FROM resimalbumu");
$resimalbumusorgusucek->execute(array());
$resimalbumucek=$resimalbumusorgusucek->fetchAll(PDO::FETCH_ASSOC);
?>

<div class="row no-gutters">
	
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="background:#2e4d6d; height:37px;
		line-height:37px; font-size:16px; color:#fff; text-align:center;">Albüm Listesi
</div>

<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="background:#2e4d6d; height:37px; line-height:37px;
	  font-size:16px; color:#fff; text-align:center;">Albüm Adı
</div>

<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="background:#2e4d6d; height:37px; line-height:37px;
		  font-size:16px; color:#fff; text-align:center;">Düzenle - Sil
</div>

<?php foreach($resimalbumucek as $resimalbumu) { ?>                    

<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="background:#4b7096; height:37px; line-height:37px; 
		color:#fff; text-align:center; margin-top:2px;"><?php echo $resimalbumu['resimalbumu_adi']; ?>
</div>

<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="background:#4b7096; height:37px; line-height:37px;
	  font-size:16px; text-align:center; margin-top:2px;">
	<input type="text" name="" value="<?php echo $resimalbumu['resimalbumu_sirasi']; ?>" style="height:25px;
			color:#000; text-align:center;" />
</div>

<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="background:#4b7096; height:37px; line-height:37px;
		  font-size:16px; color:#fff; text-align:center; margin-top:2px;">
<img src="../../../upload/icons/edit.png" title="Düzenle" />
<img src="../../../upload/icons/delete.png" style="padding-left:25px;" title="Sil"/>
</div> 

<?php } ?>

</div>`