Hallo,
ich möchte ein Bild darstellen und darin Werte eintragen.
Ich möchte dieses in der Größe ändern können. Das Bild und die Position des Textes im Bild reagiert gut. Nur die Textgröße ändert sich nicht mit.
Also schiebe ich das Fenster kleiner ändert sich die Position des Textes wie gewollt. Nur die größe des Textes ändert sich nicht mit.
Hier ein Beispielprogramm:
<html>
<head>
<title>Test</title>
<style type="text/css"><!--
p{ color: #FFFFFF; font-size: 17px;font-weight: normal;}
h2 {color: #000000; font-size: 27px;font-weight: bold;}
--></style>
<script type="text/javascript"><!--
var aktiv = window.setInterval("hol_datum()", 1000);
var i=0;
function hol_datum()
{
i = i +1;
}
--> </script>
</head>
<body>
<div style="position:absolute; left:auto; top:auto; font-size: 32px; font-weight: bold;">
<image src="LayoutFliessbandStation2.jpg" width=100% height=100%>
<div style="position:absolute; left:40%; top:18%; color:black; font-size: 100%;" id="Stopzeit">Text1</div>
<div style="position:absolute; left:35%; top:28%; color:black; font-size: 100%;" id="Taktzeit">Text2</div>
<div style="position:absolute; left:51%; top:28%; color:black; font-size: 100%;" id="Taktsoll">Text3</div>
</div>
</body>
</html>