Блог

Однако при хранении изображений в базе данных и их выводе на мой веб-сайт они получаются разных размеров.

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

 $sql = "SELECT * FROM items WHERE category LIKE '%$search%'";
$result = mysqli_query($con,$sql);
while ($row = mysqli_fetch_array($result)) {
    echo "<div id = 'img_div'>";
    echo "<img src ='img/".$row['image']."'>";
    echo "<p>" . $row['description']."</p>";
    echo "<p>" . $row['category']."</p>";
    echo "</div>";
}
  

Не используйте один и тот же идентификатор для каждого изображения. Дайте им класс, а затем задайте высоту и ширину для класса.

 ?>
<style type="text/css">
.img_div > img {
    height: 100px;
    width: 100px;
}
</style>
<?php
$sql = "SELECT * FROM items WHERE category LIKE '%$search%'";
$result = mysqli_query($con,$sql);
while ($row = mysqli_fetch_array($result)) {
    echo "<div class='img_div'>";
    echo "<img src='img/".$row['image']."'>";
    echo "<p>" . $row['description']."</p>";
    echo "<p>" . $row['category']."</p>";
    echo "</div>";
}