nicht angemeldet
Hallo,
Weiss jemand, wie man einen Text fest über ein Bild positionieren kann ohne dass sich der Text beim Verkleinern des Browserfensters verschiebt?
Ganz ohne JavaScript:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>[Titel]</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<h1>Ein Bild mit Text drauf, horizontal in der Mitte des Bildschirms</h1>
<div style="position:relative; width:200px; height:200px; margin:auto;">
<img src="STONES.JPG" alt="Steine" title="rollende Steine" style="position:absolute; top:0; left:0; width:100%; height:100%;">
<!--Der nachfolgende Text wird im umgebenden DIV positioniert. Da die linke obere Ecke des Bildes genau mit der linken oberen Ecke des DIV-Elements übereinstimmt, entspricht die Position des Textes (top:45px; left:30px;) auch der Position top:45px; left:30px; auf dem Bild-->
<div style="position:absolute; top:45px; left:30px; width:100px;">Ein Text auf dem Bild</div>
</div>
<p>Hier gehts weiter ...</p>
</body>
</html>
viele Grüße
Axel