Question

我正在创建一个表单页面，它将一本书的信息（作者姓名，标题，印刷，年份等）发布到SQL数据库，然后将该信息回显到页面上。图像也将提交到Photos目录，然后回显到页面上。我在显示文本字段旁边的图像时遇到问题，而在发布新图像时没有向下移动文本。

http://aswanson.net/Work/display.php

<!DOCTYPE html>
<html> 
<head>
<title>Display</title>
<style>


img{
margin-left: -50%;
    padding-bottom: 50px;
    padding-right: 20px;
}

.paragraph{
    padding-bottom: 60px;
    width: 300px; 
}

.info{
    margin-top: -40%;
}

</style>
</head>
<body>
<center>
<?php
$con=mysqli_connect("xxxx","xxxx","xxxx");
mysqli_select_db($con, "xxxx");


$getquery=mysqli_query($con, 'SELECT * FROM historytable ORDER BY id DESC');

echo '<div class = "info">'; 
echo '<div class="pics">';

$images = glob("Photos/*.*");

foreach($images as $image) {
echo '<img src="'.$image.'" /><br />';
}

echo '</div>';
while($rows=mysqli_fetch_assoc($getquery))
    {
        $id=$rows['id'];
        $LastName=$rows['LastName'];
        $FirstName=$rows['FirstName'];
        $Year=$rows['Year'];
        $Press=$rows['Press'];
        $Description=$rows['Description'];
        $Title=$rows['Title'];


        echo '<div class = "paragraph">' . $LastName . '<br/>'. $FirstName . '<br/>' . $Year . '<br/>' .  $Press . '<br/>' . $Title . '<br/>'. $Description .  '</div>' ;
    }

    echo '</div>';
?>
</center>
</body>
</html>

Answer 1

不确定每张图片是否与特定文字相关。但是，如果要在图像旁边显示文本字段而不管图像和文本之间是否存在任何关系，请添加以下css。

.pics{
    float:left;
}

在文本字段PHP旁边发布图片

1 个答案: