सबसे पहले:चूंकि आप DB से कई विषय प्राप्त करना चाहते हैं, आपको LIMIT 1 को हटाना होगा क्वेरी से और if($j >= 1) continue; फ़ोरैच लूप में, क्योंकि वे दोनों आपके आउटपुट को केवल 1 विषय तक सीमित कर रहे हैं।
$toppics . के लिए आपके फ़ोरैच लूप में (सही वर्तनी:विषय; पी) आप वर्तमान में केवल एक एंकर टैग (लिंक) को प्रतिध्वनित करते हैं, लेकिन आप जो चाहते हैं (यहां अपने शब्दों का उपयोग करने के लिए) एक 'ब्लॉक' है। आप जो भी चाहते हैं कि वह ब्लॉक जैसा दिखे, उसे परिभाषित करने का स्थान उस फ़ोरैच लूप के भीतर है।
अब मुझे नहीं पता कि आप किन तत्वों, वर्गों या शैलियों का उपयोग करते हैं / उपयोग करना चाहते हैं, इसलिए मैं एक ब्लॉक का एक उदाहरण बनाऊंगा जिसमें एक शीर्षक होगा और उसके नीचे लिंक होगा:
//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 टैग, कक्षाओं और शैलियों के उपयोग की है।
ऐसा प्रतीत होता है कि जेनरेट किए गए डिव के मूल तत्व को उसी तरह से स्टाइल किया गया है जिस तरह से आप चाहते हैं कि सिंगल ब्लॉक दिखें। :
<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 के आपके निर्माण से सहमत नहीं हूं। इन अनुभागों का निर्माण करते समय आपको उस पिछले फ़ोरैच-लूप से सटीक अनुक्रमणिका जाननी होगी। इसके बजाय, विषय से ही कुछ विशेषता का उपयोग करें, शायद इसकी आईडी, शीर्षक, या विवरण (जैसे मैंने पहले कोडब्लॉक में किया था)। इस तरह जब आप सेक्शन बना रहे होते हैं तो आप आसानी से जान सकते हैं कि एलिमेंट्स आईडी एट्रिब्यूट कैसे सेट करें।
