KWL Widget

[Cannon]

Ich baue jetzt dann doch ein eigenes, zumindest versuche ich das.

Dazu hätte ich aber eine Frage. Ich binde dort ein Bild ein, was ich beschreiben möchte. Das Bild wir die KWL-Einheit darstellen. Allerdings komme ich mit den CSS-Stylen nicht so hin. Ich kann zwar den Text, der die Temperaturen auf dem Bild anzeigt ganz genau positionieren, allerdings möchte ich das rechtsbündig ausgeben UND wenn ich im Browser ranzomme, soll es an der gleichen Stelle im Bild bleiben. Kann mir da jemand helfen?

.kwl_outdoor_temp {
	position: absolute;
	margin-top: -92px;
	margin-left: 288px;
}

.kwl_supply_temp {
	position: absolute;
	margin-top: -52px; 
	margin-left: 160px;
}

.kwl_extract_temp {
	position: absolute;
	margin-top: -92px;
	margin-left: 160px;
}

.kwl_exhaust_temp {
	position: absolute;
	margin-top: -52px;
	margin-left: 288px;
}

Das Problem ist eben, der Text wird größer und da sHintergrund-Bild wird größer, aber die Position des Textes verschiebt sich. Kann man das irgendwo fixieren bzw. anders formatieren?

[Cannon]

Ich habe schon ein wenig im Forum gesucht, aber hat sich jemand schon ein WIdget für eine KWL gebastelt? Es gab mehrere Ansätze im Forum, aber nichts finales. Wie macht ihr das?