Php 使我的整个可点击

我想让整个主题div可以点击。你可以看到下面的代码。我试着在第一个div之前使用它，但它只会使图片可点击，而不是整个div

<?php
   $toppic = $app->get_topics();
   foreach($toppic as $topic){
    echo '<div id="topic">';
    echo '<div id="topicimg">';
      if(file_exists('assets/images/profielfotos/'.$topic['klant_id'])) { 
   echo '<img class="img-circle" src="/assets/images/profielfotos/'.$topic['klant_id'].'/'.$topic['foto'].'" />';
      } else {
         echo '<i class="fa fa-fw fa-user img-circle"></i>';
      }
      echo '</div><div id="topictekst">';
      echo '<b><a href="https://####/reactie"> '.$topic['topicnaam'].'</b></a>'; 
      echo '<a> - ' . $topic['voornaam'] . " " . $topic['achternaam'] . '</a>' ;
      echo '<a style="float:right; margin-top:15px;"> reacties</a> <span style="float:right; color:grey; margin-top:15px"class="fa fa-comment"></span>';
      echo '<hr><a><span class="badge bg-red">' . $board['topic'] . '</span></a>';
      echo '</div></div>';
     }
  ?>

---

试着在a标签中拥抱你的div

例如：

<a href="www.google.com">

     <div></div>
</a>

在上面的示例中，您应该能够单击div上的任何位置，并且应该登录到google的页面

---

在HTML5中，允许在锚定标记中放置像div这样的块内容。这取决于a使用的HTML版本，因为它在HTML4中不起作用。

尝试在a标记中包含您的div

例如：

<a href="www.google.com">

     <div></div>
</a>

在上面的示例中，您应该能够单击div上的任何位置，并且应该登录到google的页面

---

在HTML5中，允许在锚定标记中放置像div这样的块内容。这取决于您使用的HTML版本，因为它在HTML 4中不起作用。

您的代码不起作用，因为您嵌套了一个元素，该元素是无效的HTML-这是如何做到的：

<?php
    $toppic = $app->get_topics();
    foreach($toppic as $topic){
        echo '<a href="https://####/reactie"><div class="topic">';
        echo '<div class="topicimg">';
        if(file_exists('assets/images/profielfotos/'.$topic['klant_id'])) { 
           echo '<img class="img-circle" src="/assets/images/profielfotos/'.$topic['klant_id'].'/'.$topic['foto'].'" />';
        } else {
            echo '<i class="fa fa-fw fa-user img-circle"></i>';
        }
        echo '</div><div class="topictekst">';
        echo '<b> '.$topic['topicnaam'].'</b>'; 
        echo '<span> - ' . $topic['voornaam'] . " " . $topic['achternaam'] . '</span>' ;
       echo '<span style="float:right; margin-top:15px;"> reacties</span> <span style="float:right; color:grey; margin-top:15px"class="fa fa-comment"></span>';
       echo '<hr><span class="badge bg-red">' . $board['topic'] . '</span>';
       echo '</div></div></a>';
    }
?>

与

---

通过移除浮动：右；从内部注释图标span并将文本和图标包装在一个向右浮动的span中

您的代码无法工作，因为您嵌套了一个元素，该元素是无效的HTML-这是如何做到的：

<?php
    $toppic = $app->get_topics();
    foreach($toppic as $topic){
        echo '<a href="https://####/reactie"><div class="topic">';
        echo '<div class="topicimg">';
        if(file_exists('assets/images/profielfotos/'.$topic['klant_id'])) { 
           echo '<img class="img-circle" src="/assets/images/profielfotos/'.$topic['klant_id'].'/'.$topic['foto'].'" />';
        } else {
            echo '<i class="fa fa-fw fa-user img-circle"></i>';
        }
        echo '</div><div class="topictekst">';
        echo '<b> '.$topic['topicnaam'].'</b>'; 
        echo '<span> - ' . $topic['voornaam'] . " " . $topic['achternaam'] . '</span>' ;
       echo '<span style="float:right; margin-top:15px;"> reacties</span> <span style="float:right; color:grey; margin-top:15px"class="fa fa-comment"></span>';
       echo '<hr><span class="badge bg-red">' . $board['topic'] . '</span>';
       echo '</div></div></a>';
    }
?>

与

---

---

通过移除浮动：右；从内部注释图标span开始，将文本和图标包装在一个向右浮动的span中

PHP在这里是不相关的。发布呈现的HTML和CSS。你在div中有链接。如果点击会发生什么？不允许嵌套链接。您错误地关闭了标记-在元素内部而不是外部。你可以用一个元素来包装整个div，而不是添加一个内部标记，你可以输出多个具有相同ID的元素——不要这样做，用类来代替它——这是行不通的！部分显然不起作用，因为您没有阅读所有关于修复内容的评论。PHP在这里是不相关的。发布呈现的HTML和CSS。你在div中有链接。如果点击会发生什么？不允许嵌套链接。您错误地关闭了标记-在元素内部而不是外部。你可以用一个元素来包装整个div，而不是添加一个内部标记，你可以输出多个具有相同ID的元素——不要这样做，用类来代替它——这是行不通的！部分显然不起作用，因为您没有阅读所有有关修复内容的注释。请再次查看我的问题，此代码不起作用@难以置信如果你看看我的问题，你会发现它在我的情况下不起作用吗？@Canyouhelme我们无法帮助你使用php，因为php本身被翻译成html代码。使用Chrome的开发者工具查看生成的html会很有帮助。但是这个答案不值得投否决票。@令人难以置信的是，我发现了这个问题，你的答案又看了一遍我的问题。请，这个代码不行@难以置信如果你看看我的问题，你会发现它在我的情况下不起作用吗？@Canyouhelme我们无法帮助你使用php，因为php本身被翻译成html代码。使用Chrome的开发者工具查看生成的html会很有帮助。但是这个答案不值得投否决票。@令人难以置信的是，我发现了问题，你的答案解决了，这帮了大忙！还有一个小问题：是否可以在图标前显示反应？因为它现在像它假设的那样向右浮动，但是文本在图标后面反应，我希望它在它前面。现在的问题是图标不在右边，而是在文本旁边的左边：，也许我需要添加一个或什么？非常感谢，伙计！至少对最后一个问题的一些帮助可能会有所帮助，让它变黑，尝试改变回声；呼应；这帮了大忙！还有一个小问题：是否可以在图标前显示反应？因为它现在像它假设的那样向右浮动，但是文本在图标后面反应，我希望它在它前面。现在的问题是图标不在右边，而是在文本旁边的左边：，也许我需要添加一个或什么？非常感谢，伙计！至少对最后一个问题的一些帮助可能会有所帮助，让它变黑，尝试改变回声；呼应；

echo '<span style="float:right; margin-top:15px;"> reacties <span style="color:grey;" class="fa fa-comment"></span></span>';