Per fare lo sfondo blu, può usare i css nel tag body:
Codice HTML:
<body style="background-color: #0000ff;">
<!- cntenuto della pagina ->
</body>
Per posizionare bisogna usare in questo caso margin-left e margin-top.
Codice:
<style>
* {
box-sizing: border-box;
}
/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 20%;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.pos {
margin-left:30px;
margin-top:17px;
}
</style>
Codice PHP:
<a href=""><p>Home</p></a>
</br></br>
<?php
// resto del codice
echo "<div class='row'>
<div class='pos'>
<div class='column' style='background-color:#aaa;'>
<h3>Codice articolo</h3>
<td>".$cicle['CODICEARTICOLO']."</td>
</div>
<div class='column' style='background-color:#bbb;'>
<h3>Foto</h3>
<td>".$cicle['FOTO']."</td>
</div>
<div class='column' style='background-color:#aaa;'>
<h3>Descrizione</h3>
<td>".$cicle['DESCRIZIONE']."</td>
</div>
<div class='column' style='background-color:#bbb;'>
<h3>Prezzo</h3>
<td>".$cicle['PREZZO']."</td>
</div>
</div>
</div>";
// resto del codice
?>
Editor che mostrano la pagina in ateprima, mi pare che esista qualcosa ma solo come applicazione web gratuita. Altro non mi risulta.
Da quanto mi sembra, lei ha avere un AlterSito come me. Premesso che io per il sito non uso CMS, quando devo fare una modifca su html o php, uso semplicemnte l'editor di gestioene risorse su una pagina del browser e su un'altra, la pagina come appare. Ogni volta che faccio una modifca mi limito a ricaricare la visualizzazione della pagina. Ovviamente, con php viusalizzo la pagina che carica ed esegue il codice. A me comunque sembra più semplice così, che usare un editor per php su locale e ogni volta stare a spostare il file dal server al pc e viceversa. La mia non è counque una critica, lei resta libero di fare come preferisce.
Cordiali saluti.