håller på med ett bokingssystem

Permalänk
Medlem

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

Permalänk
Inaktiv
Skrivet av pettiz:

Massa text...

Nu kanske jag missförstår dig lite. Men rent spontant borde man väl kunna rita upp en skiss i något Adobe bildprogram och lägga det som en bakgrund i en div och ha förmarkerade squares till datorplatserna i bilden. Och sedan gör du en liten div till varje datorplats och placerar ovanpå den "förmarkerade" ytan du gjort i bakgrundsbilden.

Sitter på burk utan Photoshop atm så kan inte demonstrera vad jag menar men du kanske förstår ändå.

Permalänk
Medlem

Jag tror jag förstår på ett ungefär, men vore guldvärt om du kunde demonstrera något litet och enkelt. Ger förhoppningsvis en ganska bra knuff i rätt riktning!

Permalänk

En enkel skiss på en lokal borde väl ändå inte behöva Photoshop

Visa signatur

Dator: Corsair 800D med ek-pump/res, 2x360-radiatorer, Asus x570 crosshair hero wifi, Ryzen 2 2600 (3950x med EK-block soon), Radeon VII EK-block, 32GB corsair vengence.
Kamerautrustning: Sony A7RIII, Sony 16-35/2.8 GM, Zeiss 55/1.8 ,Zeiss 85/1.8, Sony 100-400 GM, Canon 5DMK3, 16-35/2.8, 50/1.8