Pertama-tama:Karena Anda ingin mengambil beberapa topik dari DB, Anda harus menghapus LIMIT 1 dari kueri dan if($j >= 1) continue; di loop foreach, karena keduanya membatasi output Anda hanya pada 1 topik.
Di loop foreach Anda untuk $toppics (ejaan yang benar:topik;P) saat ini Anda hanya menggemakan tag jangkar (tautan), tetapi yang Anda inginkan adalah (menggunakan kata-kata Anda di sini) 'blok'. Apa pun yang Anda inginkan agar blok itu terlihat, tempat untuk mendefinisikannya ada di dalam loop foreach itu.
Sekarang saya tidak tahu elemen, kelas, atau gaya apa yang Anda gunakan / ingin gunakan, jadi saya akan membuat contoh blok yang terdiri dari judul dan di bawahnya tautannya:
//rename $topic keys to the names of your DB columns
foreach($toppics as $topic){
echo '<div>';
echo '<h3>'.$topic['title'].'</h3><br>';
echo '<a href="#section'.$topic['id'].'">'.$topic['link_text'].'</a>';
echo '</div><br>';
}
Saya tahu solusi saya tidak akan terlihat persis seperti gambar yang Anda berikan, tetapi itu harus menjelaskan bagaimana dan di mana Anda dapat membangun blok Anda.
Saya pikir masalah ini seharusnya dapat diselesaikan dengan mudah ketika Anda mengetahui dasar-dasar HTML, jadi saya sangat menyarankan Anda untuk belajar lebih banyak tentang HTML sebelum Anda mengerjakan proyek besar.
Sunting setelah pertanyaan diedit:
Seperti yang saya sebutkan dalam jawaban saya, my solution will not look exactly like your given image karena I don't know what elements, classes or stylings you use . Masalah Anda yang tersisa sekarang adalah penggunaan tag, kelas, dan gaya html yang benar.
Tampaknya elemen induk dari div yang dihasilkan ditata seperti yang Anda inginkan agar terlihat seperti blok tunggal.
Jadi yang dapat Anda lakukan adalah menghapus elemen induk dan menggunakannya sebagai pengganti div yang dihasilkan, seperti :
<div class="col-md-6">
<div class="well dash-box">
<h2><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> Stel jezelf voor</h2>
<h5><a href="https://tom.lbmedia.nl/onderwerp"> Laat wetn wie jij en je business zijn</a></h5>
</div>
</div>
<div class="col-md-6">
<!--<div class="well dash-box">-->
<h2><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> 12</h2>
<?php
$toppics = $app->get_topics();
$i = 0;
foreach($toppics as $topic){
echo '<div class="well dash-box">';
echo '<h3>'.$topic['onderwerp'].'</h3><br>';
echo '<a href="#section' . $i++ . '">' .$topic['omschrijving'].'</a>';
echo '</div><br>';
}
?>
<!--</div>-->
</div>
catatan samping :Saya tidak setuju dengan pembuatan atribut href #section1 Anda. Saat membangun bagian ini, Anda harus mengetahui indeks yang tepat dari foreach-loop sebelumnya. Sebagai gantinya, gunakan beberapa atribut dari topik itu sendiri, mungkin ID, judul, atau deskripsinya (seperti yang saya lakukan di blok kode pertama). Dengan cara ini saat Anda membuat bagian, Anda dapat dengan mudah mengetahui cara menyetel atribut id elemen.
