Първо:Тъй като искате да извлечете множество теми от БД, трябва да премахнете LIMIT 1
от заявката и if($j >= 1) continue;
в цикъла foreach, тъй като и двете ограничават изхода ви само до 1 тема.
Във вашия foreach цикъл за $toppics
(правилно изписване:topics;P) в момента повтаряте само котвен маркер (връзка), но това, което искате, е (да използвате думите си тук) 'блок'. Както искате да изглежда този блок, мястото за дефиниране е в рамките на този foreach цикъл.
Сега не знам какви елементи, класове или стилове използвате/искате да използвате, така че ще направя пример за блок, който се състои от заглавие и връзката под него:
//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>';
}
Знам, че моето решение няма да изглежда точно като даденото ви изображение, но трябва да разбере как и къде можете да изградите своите блокове.
Мисля, че този проблем трябваше да бъде лесно разрешим, когато знаете основите на HTML, така че наистина бих ви препоръчал да научите малко повече за HTML, преди да работите по големи проекти.
Редактиране след като въпросът беше редактиран:
Както споменах в отговора си, my solution will not look exactly like your given image
защото I don't know what elements, classes or stylings you use
. Оставащият ви проблем сега е използването на правилните html тагове, класове и стилове.
Изглежда, че родителският елемент на генерираните divs е стилизиран по начина, по който искате да изглеждат единичните блокове.
Така че това, което бихте могли да направите, е да премахнете родителския елемент и да го използвате като заместител на генерирания div, ето така :
<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>
странична бележка :Не съм съгласен с изграждането на вашия href атрибут #section1. Когато създавате тези секции, ще трябва да знаете този точен индекс от предишния foreach-цикл. Вместо това използвайте някакъв атрибут от самата тема, може би нейния идентификатор, заглавие или описание (както направих в първия кодов блок). По този начин, когато създавате секциите, можете лесно да знаете как да зададете атрибута идентификатор на елементите.