在页脚中首先处理HTML

时间:2019-02-20 13:39:43

标签: php html position

我有问题 在我的页脚中,有HTML和HTML的Part Html。问题在于,网站上的整个HTML都在PHP之前显示。您可以在下面的照片中看到它。

谢谢J.S。

<footer class="row align-items-center block bg-light border-t-o">
   <!-- Footer Titel -->
   <div class="col-lg text-left footer-content">
      <h1 class="sponsor">Sponsoren:</h1>
   </div>
   <!-- Sponsorenbilder -->
   <?php
      $random1 = rand(1,4);
      $random2 = rand(1,4);
      $random3 = rand(1,4);
      $random4 = rand(1,4);
      echo "
      <div class='col-md text-center footer-content' style='order: " . $random1 . ";'>
          <img class='img-fluid img-hover' src='images/footer/bsp.jpg' alt='Sponsor 1'></img>
      </div>
      <div class='col-md text-center footer-content' style='order: " . $random2 . ";'>
        <img class='img-fluid img-hover' src='images/footer/bsp.jpg' alt='Sponsor 2'></img>
      </div>
      <div class='col-md text-center footer-content' style='order: " . $random3 . ";'>
        <img class='img-fluid img-hover' src='images/footer/bsp.jpg' alt='Sponsor 3'></img>
      </div>
      <div class='col-md text-center footer-content' style='order: " . $random4 . ";'>
        <img class='img-fluid img-hover' src='images/footer/bsp.jpg' alt='Sponsor 4'></img>
      </div>
      ";
      ?>
   <!-- Impressum Button -->
   <div class="col-lg text-right footer-content">
      <h1 class="impressum impressum-style"><a class="impressum-style" href="impressum.html">Impressum</a></h1>
   </div>
</footer>

enter image description here

1 个答案:

答案 0 :(得分:0)

如果我理解正确的话,问题不在于PHP实际上是第二次加载,而是PHP生成的实际代码块与代码流的位置不同。

这是因为被赋予order样式的列实际上被放置在 没有订单样式的列之后。

要解决此问题,您可以使用更多的PHP以确保第3个代码块的顺序高于所有其他代码。

<?php

  function getHighest($list_of_numbers){
    $highest = 0;

    foreach($list_of_numbers as $list_item){
      if ($list_item > $highest){
        $highest = $list_item;
      }
    }

    return $highest;
  }

  $highest = getHighest([$random1, $random2, $random3, $random4]) + 1;
  echo "<div class='col-lg text-right footer-content' style='order: ${highest}'>" 
  ?>