Hallo,
ich bin gerade dabei mir auf einem ESP8266 unter ESPeasy ein Dashboard einzurichten. Ich möchte darauf die vom ESP ermittelten Daten ausgeben. Der Speicher ist begrenzt. Ich füge ein Hintergrundbild ein und möchte die Daten an bestimmten Stellen ausgeben. So z.B. die Daten des Gaszählers im Fenster von einem Bild des Gaszählers. Sie sollen die Position behalten, wenn das Browserfenster verkleinert wird. Mit dem Beispiel für einen Wert funktioniert das horizontal, doch nicht vertikal. Bei Verkleinerung des Browserfensters wanden die Daten zur Mitte. Es wäre nett, wenn mir jemand helfen kann das Problem zu lösen.
[edit by Mod] [ code=html ]...[ /code ]-Tag eingepflegt
ich bin gerade dabei mir auf einem ESP8266 unter ESPeasy ein Dashboard einzurichten. Ich möchte darauf die vom ESP ermittelten Daten ausgeben. Der Speicher ist begrenzt. Ich füge ein Hintergrundbild ein und möchte die Daten an bestimmten Stellen ausgeben. So z.B. die Daten des Gaszählers im Fenster von einem Bild des Gaszählers. Sie sollen die Position behalten, wenn das Browserfenster verkleinert wird. Mit dem Beispiel für einen Wert funktioniert das horizontal, doch nicht vertikal. Bei Verkleinerung des Browserfensters wanden die Daten zur Mitte. Es wäre nett, wenn mir jemand helfen kann das Problem zu lösen.
HTML:
<style>
.container {position: relative; text-align: center; color: black;}
.gaszaehler { position: absolute; top: 22%; left: 65%; transform: translate(-50%, -50%);}
</style>
</head>
<body>
<center>
<div class="container">
<img src="http://server/bilder/Heizungsanlage.jpg" height="588px" width="800" >
<div class="gaszaehler">[Paradigma_C#gaszaehler]m³</div>
</center>
</body>
</html>
[edit by Mod] [ code=html ]...[ /code ]-Tag eingepflegt
Zuletzt bearbeitet von einem Moderator: