veriyi iki sütun halinde çektirebilmek (foreach)

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI veriyi iki sütun halinde çektirebilmek (foreach)

Bu konudaki kullanıcılar: 1 misafir

5
Cevap 828
Tıklama 0
Öne Çıkarma

1. sayfa

veriyi iki sütun halinde çektirebilmek (foreach)

Cevap Yaz

atast

6 yıl (235 mesaj)

Teğmen

Konu Sahibi

Merhaba,

muhtemelen çok basit ama benim kafamın basmadığı bir sorunum var. (phpyi yeni öğreniyorum)
html tarafını bootstrap ile yapmaya çalıştığım bir site var.
haberleri iki sütunlu halde çekmeye çalışıyorum ama uygun foreach dögüsünü yapamadım.

kodun konu ile iligli kısmı altta


<?php 
 // ... 
 $makale   = $db->query("SELECT * FROM haberler order by haber_id DESC limit $goster, $limit");
    $makaleAl = $makale->fetchAll(PDO::FETCH_ASSOC);
    ?>
     <div class="content">
     <div class="d-flex flex-wrap justify-content-between">
      <?php
         foreach ($makaleAl as $makaleBas) {
        $haberOzet = substr($makaleBas["ozet"], 0, 200);
        ?>
         <!-- content-box  -->
          <div class="content-box">
           <div class="card border-0">
           <div class="card-content">
           <a class="card-link d-block" href="#">
           <?
             echo $makaleBas["baslik"];
              ?>
              </a> <span><b>| Tarih</b> : 15.15.2015 | </span>
             <span><b> Kategori</b> : Haberler <b>|</b></span>
              </div>
              <div class="media mt-3">
                <img src="img/haber.jpg" alt="">
               <div class="media-body">
                <p class="text-justify pl-2">
                 <?
                  echo $haberOzet;                                                      
                 ?>
                 </p>
                 </div>
                 </div>
                 </div>
                 </div>
                 <?php } ?>
                 </div>
             </div>

bu şekli ile haberi alt alta basip geçiyor benim istediğim ise
haber 1 - haber 2
haber 3 - haber 4
düzeni ile basması.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

< Bu mesaj bu kişi tarafından değiştirildi atast -- 8 Nisan 2020; 5:10:41 >

ibrahimyonetici

6 yıl (238 mesaj)

Teğmen

$makale = $db->query("SELECT * FROM haberler order by haber_id DESC limit $goster, $limit");
$makale->execute(array());
$makaleAl = $makale->fetchAll(PDO::FETCH_ASSOC);

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 8 Nisan 2020; 10:59:36 >
Bu mesaja 1 cevap geldi.

atast

6 yıl (235 mesaj)

Teğmen

Konu Sahibi

quote:

Orijinalden alıntı: ibrahimyonetici

$makale = $db->query("SELECT * FROM haberler order by haber_id DESC limit $goster, $limit");
$makale->execute(array());
$makaleAl = $makale->fetchAll(PDO::FETCH_ASSOC);

merhaba,
sanirim istediğimi tam aktaramadim.
sizin verdiğiniz kodu denediğimde değişen bir şey olmadi.

yapmaya calıştığım şeyi alttaki çizim ile göstermeye çalıştım.

< Resime gitmek için tıklayın >< Resime gitmek için tıklayın >

Bu mesaja 1 cevap geldi.

ibrahimyonetici

6 yıl (238 mesaj)

Teğmen

merhaba

dizemediğin kutunun css dosyasına aşağıdaki özellikleri ekle ben class olarak atıyorum diz

.diz{
margin-right: 0%;
margin-bottom: 3%;
position: relative;
padding-left: 0;
float: left;
}

soldan beri dizmeye başlar.

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 9 Nisan 2020; 7:24:28 >

Bu mesajda bahsedilenler: @atast

bersgurs

6 yıl (3368 mesaj)

Binbaşı

Bootstrap in grid fonksiyonunu kullanabilirsin. Her haber için col-6 class a sahip div i oluşturman gerek.


<div class="container">
  <div class="row">
    <div class="col-6">
      Haber-1
    </div>
    <div class="col-6">
      Haber-2
    </div>
    <div class="col-6">
      Haber-3
    </div>
  </div>
</div>

ibrahimyonetici

6 yıl (238 mesaj)

Teğmen

< Resime gitmek için tıklayın >

<head>
<style>
#left {
float:left;
width: 50%;
}
#right {
float:right;
width: 40%;
}
aside, section {
padding: 2px;
background-color: #ccc;
}
</style>
</head>
<body>
<header>
<h1>Welcome!</h1>
</header>
<section id="left">
<h2>Content</h2>
<p>Good stuff</p>
</section>
<aside id="right">
<h2>Sidebar</h2>
<p>Links</p>
</aside><section id="left">
<h2>Content</h2>
<p>Good stuff</p>
</section>
<aside id="right">
<h2>Sidebar</h2>
<p>Links</p>
</aside>
</body>

< Bu mesaj bu kişi tarafından değiştirildi ibrahimyonetici -- 10 Nisan 2020; 7:17:4 >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI veriyi iki sütun halinde çektirebilmek (foreach)