håller på med ett bokingssystem
Hejsan!
Håller på med ett bokingssystem till ett lan, och funderar på hur jag ska få det att se ut som lokalen gör med bordsplats o vice versa.
http://78.69.208.114/boka/boka.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<?php
include "conn.php";
// byt platsId till vad det nu heter i dina tabeller
$query = "SELECT p.status, b.namn, p.plats FROM platser AS p LEFT JOIN bokningar AS b ON p.plats = b.plats ORDER BY p.status = 1";
$result = mysql_query($query) or die(mysql_error());
echo "<center><h1> Platskarta </h1></center>";
echo "<div id='wrapper'>";
$counter = 0;
while ($row = mysql_fetch_assoc($result))
{
if (($counter % 12) == 0) //Var 10:e rad...
{
if ($counter > 0) //Denna tar hand om div-avslutet på alla förrutom sista boxen. Vi är noga med att inte köra den på första raden.
echo "</div>";
if (($counter / 12 % 2) == 0) //Varannan 10:e rad
{
echo "<div class='bookingcontainer' style='float: right';>";
}
else
{
echo "<div class='bookingcontainer' style='float: left;'>";
}
}
if ($row['status'] == "1")
{
//Istället för att skriva all den där CSS:en så bör en CSS-klass användas istället.
echo "<img src='images/upptagen.png' class='bookingbox' border='1' title='bokad av ".$row['namn']."'></img> ";
}
else
{
//Notera att på denna så har vi två css-klasser
echo "<img src='images/ledig.png' title='ledig' class='bookingbox' border='1'></img>";
}
$counter++;
}
//Denna tar hand om det sista avslutet
echo "</div>";
echo "</div>";
?>
</body>
</html>
såhär långt har jag kommit, men det är ju inte direkt så jag vill ha det, utan så att bordsplatserna ser mer ut som dom gör i lokalen. Hur ska jag koda det?
MVH