Buongiorno a tutti, ho un problema che (anche se molto banale) non riesco a risolvere.
Ho una pagina HTML che ha come scopo quello di indicare i numeri di vari ordini in evasione, mi spiego meglio... è come quando andate in panificio, prendete il numero (il ticket) e attendete che il monitor davanti a voi, che ha lo scopo di segnalare il numero che sta per essere servito, dia proprio il vostro.
Bene, senza spiegarvi come funziona il meccanismo (dato che non è importante ai fini della risoluzione del problema), vi mostro subito quel è il mio dilemma.
Come vedete in questa immagine: https://prnt.sc/fm75qi le scritte CUCINA e GRILL dovrebbero essere allineate con il numero. Quindi, scritte a sinistra e numero a centro schermo, tutto della stessa dimensione ! Eppure non riesco ad ottenere il risultato, provando in modi diversi, il numero va sempre a capo, leggermente sotto e non riesco a farlo stare nella stessa riga della scritta.
Spero di essere stato chiaro, ecco il codice: [E' MOLTO PASTICCIATO IN SEGUITO ALLE NUMEROSE MODIFICHE APPORTATE PER TENTARE DI RISOLVERE IL PROBLEMA, NON FATECI CASO]
pagina.php
Codice PHP:
<html>
<head>
<title>NEXT ORDER</title></head><body>
<?php mysql_connect("localhost", "nome", "password"); mysql_select_db("my_nome");
$curpage = $_SERVER['PHP_SELF'];
header('Refresh: 4; url=' . $curpage);
$cucina = mysql_fetch_array(mysql_query("SELECT MIN(id) FROM cucina"));$grill = mysql_fetch_array(mysql_query("SELECT MIN(id) FROM grill"));$bar = mysql_fetch_array(mysql_query("SELECT MIN(id) FROM bar"));
echo "<div id=\"intestazione\"><span style=\"font-size:60px;\"><center>STIAMO SERVENDO I NUMERI:</center></span></div><b><span style=\"font-size:135px;\">CUCINA:</span> <font color=\"red\"><span style=\"font-size:205px;\"><center>".$cucina[0]."</center></span></font><br><hr> <span style=\"font-size:135px;\">GRILL:</span> <font color=\"red\"><span style=\"font-size:205px;\"><center>".$grill[0]."</center></span></font><br><hr> <center><span style=\"font-size:90px;\"><b><font color=\"purple\">BUON APPETITO</font></b></span><center> <!--<span style=\"font-size:70px;\">BAR:</span> <font color=\"red\"><span style=\"font-size:170px;\"><center>".$bar[0]."</center></span></font>--></b>";?>
</body>
<style>
html, body{margin:0;padding:0;font-family: "Trebuchet MS", Georgia, Arial, sans-serif;font-size:100%;}
#intestazione{height:6.5%;width: 100%;background-color: lightyellow;
}
#contenitore{width: 98%;margin: 0% 0% 0% 0%;background:#8a9;height:76%;}
</style>
<script type=”text/javascript”><!–setTimeout(‘location.href=”http://link/super_new/staff/info/index.php”‘,4000);–></script>
</html>
ECCO IL TIPO DI RISULTATO CHE VORREI OTTENERE: http://prntscr.com/fm78ut
Grazie a tutti anticipatamente!