Şimdi Ara

veriyi iki sütun halinde çektirebilmek (foreach)

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
7
Cevap
0
Favori
714
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • 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ı.



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







  • $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 >
  • 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.

    veriyi iki sütun halinde çektirebilmek  (foreach)veriyi iki sütun halinde çektirebilmek  (foreach)




  • atast kullanıcısına yanıt
    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 >
  • 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>
  • veriyi iki sütun halinde çektirebilmek  (foreach)

    <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 >




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.