PHP Галерея изображений в строках
Я работаю над галереей изображений, и мой процесс загрузки и удаления работает, но теперь я хочу разместить изображения в строках, а не друг под другом, как сейчас. Вот мой выходной код, и я не знаю, с чего начать, может кто-то показать мне в правильном направлении?
Чтобы быть более конкретным, я хотел бы поместить 4 изображения в ряд, прежде чем он «спрыгнет» и начнет новый ряд. Я думаю, мне нужна какая-то петля для этого?
<?php
include 'includes/db_connect.inc.php';$result = mysqli_query($link, "SELECT * FROM gallery");
while ($row = mysqli_fetch_array($result)) {
$filename = $row['filename'];
$title = $row['title'];
$id = $row['id'];
echo '<p>
<a href="images/'.$filename.'" title="'.$title.'" >
<img src="https://web-answers.ru/wp-content/uploads/2019/03/'.$filename.'" title="'.$title.'" width="300"/>
</a></p>';
if (isset($_SESSION['user']))
echo '<a href="gallery_delete.php?id='.$id.'" onclick="return confirm(\'Are you sure you wish to delete the image?\')">Delete Image</a>';
echo '<hr>';
}
if (isset($_SESSION['user']))
{
?>
<p><a href="gallery_form.php?">Add new image</a></p>
<?php
}
?>
Решение
Попробуйте простой CSS
echo '<p style="display:inline;">
<a href="images/'.$filename.'" title="'.$title.'" >
<img src="https://web-answers.ru/wp-content/uploads/2019/03/'.$filename.'" title="'.$title.'" width="300"/>
</a></p>';
поскольку <p> тег уровня блока Они будут автоматически размещены друг под другом.
Другие решения
Не проверенный код .. если он не работает, попробуйте сами с таблицей
<?php
include 'includes/db_connect.inc.php';
$result = mysqli_query($link, "SELECT * FROM gallery");
?>
<table>
<?php
while ($row = mysqli_fetch_array($result)) {
$filename = $row['filename'];
$title = $row['title'];
$id = $row['id'];
?>
<tr><td>
<a href="images/'.$filename.'" title="'.$title.'" >
<img src="https://web-answers.ru/wp-content/uploads/2019/03/'.$filename.'" title="'.$title.'" width="300"/>
</a></td>
<td>
<?php
if (isset($_SESSION['user']))
?>
<a href="gallery_delete.php?id='.$id.'" onclick="return confirm(\'Are you sure you wish to delete the image?\')">Delete Image</a>
</td></tr>
<?php
}
?>
</table>
<?php
if (isset($_SESSION['user']))
{
?>
<p><a href="gallery_form.php?">Add new image</a></p>
<?php
}
?>