Почему создается 2 лишних ряда на сайте?

Question

[Дима Клепко]

<main>
		<?php 
			$products = mysqli_query($connection, "SELECT * FROM `news`");
			$products = mysqli_fetch_all($products);
			foreach ($products as $products) {
				?>
				<div class="container_main">
					<div class="item_main" id="itm1">
						<h1><?= $products[0] ?></h1>
						<h1><?= $products[1] ?></h1>
						<p><?= $products[2] ?></p>
					</div>
					<div class="item_main" id="itm2">
						<h1><?= $products[0] ?></h1>
						<h1><?= $products[1] ?></h1>
						<p><?= $products[2] ?></p>
					</div>
					<div class="item_main" id="itm3">
						<h1><?= $products[0] ?></h1>
						<h1><?= $products[1] ?></h1>
						<p><?= $products[2] ?></p>
					</div>
				</div>

				<?php				
			}
		?>
	</main>

Сверху код добавление этих данных на сайт:


Получается это:

Три ряда. (картина не загружается, ошибку выдает)

Comments

[Дима Клепко]

ivanivanov15122021, почему создается 3 ряда, не могу понять, без php, там просто 3 объекта в одном ряду, а с ним 3 ряда вниз.

[Дима Клепко]

ivanivanov15122021, я сделал так:

<main>
		<?php 
			$products = mysqli_query($connection, "SELECT * FROM `news`");
			$products = mysqli_fetch_all($products);

			foreach ($products as $product) {
				?>
				<div class="container_main">
		          <div class="item_main" id="itm1">
		            <h1><?= $product[0]?></h1>
		            <h1><?= $product[1]?></h1>
		            <p><?= $product[2]?></p>
		          </div>					
				</div>	
				<?php
			}
		?>
	</main>

Получается это:

[Ankhena]

Дима Клепко,
типа того:

<main>
<ul class="container_main">
    <?php 
      $products = mysqli_query($connection, "SELECT * FROM `news`");
      $products = mysqli_fetch_all($products);

      foreach ($products as $product) {
        ?>
              <li class="item_main">
                <h2 class="item_title"><?= $product[0]?></h2>
                <p class="item_subtitle"><?= $product[1]?></p>
                <p class="item_description"><?= $product[2]?></p>
              </li>					
	
        <?php
      }
    ?>
</ul>
</main>

Answer 1

[spaceatmoon]

Вы же в курсе что по семантике тег h1 должен быть в единственном экземпляре на странице?

Так же советую почитать как работают циклы. Потому код должен быть примерно такой

foreach ($array as $item) // У вас почему-то $products as $products
{
   <div class="item_main" id="<?= $item['id'] ?>">
            <div><?= $item['id'] ?></div>
            <div><?= $item['name'] ?></div>
            <div><?= $item['desc'] ?></div>
          </div>
}

Comments

[Дима Клепко]

Хорошо, почитаю

Answer 2

[Дмитрий Гординский]

foreach ($products as $products) {

Это какая IDE не матерится видя такое безобразие?)

Comments

[Дима Клепко]

ivanivanov15122021, ну так скажи как правильнее сделать

[Дмитрий Гординский]

Дима Клепко, для начала оставить в одной итерации цикла вывод одного div

[Дима Клепко]

Дмитрий Гординский, так там каждому диву задаются свои стили