我试图通过从MySQL读取其X,Y坐标来创建DIV框。 我在同一文件上使用PHP和HTML。 我也包括了我的CSS(之后我将创建一个单独的CSS文件)。
目前,我正在获得结果,但是只在一个框下面一个框。 我正在做笛卡尔地图,必须将每个BOX放在适当的位置。 我想避免使用Javascript和Canvas,仅使用纯CSS,html和php,出于特定原因,我将DIV用于在其后放入信息。 下面是我的代码,在此先感谢您的帮助!
我拥有的文件顶部:
include 'db_conn.php';
//query to get X,Y coordinates from DB
$coord_sql = "SELECT x_coord, y_coord FROM coordinates";
$coord_result = mysqli_query($conn,$coord_sql);
//see if query is good
if($coord_result === false) {
die(mysqli_error());
}
?>
我的CSS在头:
#desk_box{ width: 20px; height: 30px; border:10px solid black; margin: 10px;}
我正在尝试遍历这里,为存在的每一行在其适当的位置创建一个div:
Section A
//get number of rows for X,Y coords in the table
while($row = mysqli_fetch_assoc($coord_result)){
//naming X,Y values
$x_pos = $row['x_coord'];
$y_pos = $row['y_coord'];
//draw a box with a DIV at its X,Y coord
echo "
} //end while coord_result loop
?>