Webseite: Bild mit variablen Texten drin anzeigen?

[Martin M. (martin69)]

Hallo,

ich habe eine Rolladensteuerung gebaut, die ich nun auch übers Internet 
steuern kann. Den aktuellen Zustand der Rolläden möchte ich gerne 
graphisch darstellen:
* Grundriß der Wohnung
* bei den Rolläden (13 Stück) einen Text platzieren, der über den 
Zustand der Rolläden informiert (Rolladen ganz unten | ganz oben | 
unbekannt). Irgendwie eine graphische Darstellung anstelle Text wäre 
auch nicht schlecht....

Ich habe den Webzugriff über HTML realisiert (wird vom AVR gehandelt).

Kann man so was mit HTML machen? In einem Bild kann man ja keine Texte 
rein schreiben, aber vielleicht kann man das Bild in 13 Einzelbilder (1 
Bild je Rolladen) aufteilen und je nach Stellung des Rolladens das 
entsprechende Bild anzeigen. Hab aber nicht so richtig einen Plan, wie 
das geht.

Hat jemand ne Idee, wie man so was realisieren könnte?

[Martin M. (martin69)]

anbei der Grundriß der Wohnung. In dem Hauptbeitrag lies sich das Bild 
nicht anhängen...

[TestX .. (xaos)]

schonmal nicht mitm avr webserver, nimm als webserver irgendwas ARm 
basiertes mit zB lighttpd.
dann mit php oder so arbeiten und entweder direkt das bild manipulieren 
oder texte über das bild legen mit html/css

[The Other Side of Horst (Gast)]

Du kannst ein <div>-Element mit absoluter Positionierung in Pixeln der 
Graphik überlagern und in diesem Deine Informationen ausgeben.

Das wird neben anderem StyleSheet-Kram hier beschrieben:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm

[Martin M. (martin69)]

vielen Dank! Das mit dem <div>-Element probiere ich morgen mal aus!

Gruß
Martin

[Martin M. (martin69)]

<div>-Element hat geklappt! Genau diese Funktion habe ich gesucht. 
Nochmals vielen Dank!

[tata (Gast)]

@Martin M. (martin69)
Mit welchem Programm hast du den Grundriss gemacht?

[Martin M. (martin69)]

das habe ich mit einer uralten Version von AutoSketch erstellt. Habe 
dann vom Bildschirm eine Hardcopy gemacht, im Paintbrush eingefügt, dort 
noch etwas bearbeitet und als GIF gespeichert....