HTML обрабатывается первым в нижнем колонтитуле

Question

У меня проблема В моем нижнем колонтитуле есть часть HTML, а затем снова HTML.Проблема в том, что на сайте весь HTML-код отображается перед PHP.Вы можете видеть это на фотографии ниже.

Спасибо, JS

<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>

Answer 1

Проблема, если я правильно понимаю, не в том, что PHP на самом деле загружает секунду, а в том, что фактический блок кода, сгенерированный PHP, расположен не так, как поток кода.

Этопотому что столбцы, которым присвоен стиль order, фактически помещаются после столбцов, у которых нет стиля заказа.

Чтобы исправить это, вы можете использовать больше PHP, чтобы гарантировать, что третий блоккода дается порядок, который выше, чем все остальные.

<?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}'>" 
  ?>