Userbase

Even kort : twee raspberry pi's liggen op twee diverse plaatsen in België en hebben elk twee temperatuursensoren bevestigd voor een temperatuuropname binnen en buiten.

Werkt op zich prima, maar het PHP/CSS script dat ik uit de how-to heb gevonden doet één ding wat ik wil niet. Waarschijnlijk iets doms, maar ik kan helaas geen correcte methode vinden...

http://www.iamrpi.be/index.php
Op bovenstaande URL kan je de temperatuur zien van de twee plaatsen, telkens binnen en buiten. Nu zou ik deze graag alle 4 naast elkaar hebben. Dus op de eerste rij 4x de plaatsnaam (Sint-Andries Buiten, Sint-Andries Binnen, Merelbeke Buiten, Merelbeke Binnen), op de volgende rij de 4 statistieken en op de laatste rij telkens de gemiddelde temperatuur van de laatste 24u.

De CSS File : http://ctrlv.it/id/MjE3MA==
De PHP File : http://ctrlv.it/id/MjE3Mg==

Iemand een idee wat je moet veranderen?

Je maakt de fout om niet alles per container te maken. Wat je best doet is alle elementen die één "geheel" vormen in één container steken. Dus als ik het goed kijk:

.label, .de, .details moeten in 1 container bv "temp". Eindresultaat is dan 4x .temp in je DOM. Die kan je dan op display: inline-block zetten; zo zullen naast elkaar komen te staan (op voorwaarde dat je bovenliggende container breed genoeg is).