(Text-) Buchstaben ueber Grafik positionieren

[Egbert Keller]

Liebe Experten,

leider schaffe ich es nicht, einen Buchstaben ("x") ueber einer Grafik
zu positionieren (die im uebrigen in einer Tabellenzelle sitzt).
Versucht habe ich es mit folgendem Code und Varianten davon:

<td>
<div>
<img src="bild.gif">
<div style="position:absolute; top:20px; left:20px">x</div>
</div>
</td>

In NS 7 erscheint das "x" immer relativ zum Rand des gesamten
Fensters positioniert, in IE 6 ueberhaupt nicht (auch nicht,
wenn ich mit z-index arbeite). Wer weiss Rat.

Mit bestem Dank im voraus
E. Keller

[AndréZ]

Liebe Experten,

leider schaffe ich es nicht, einen Buchstaben ("x") ueber einer Grafik
zu positionieren (die im uebrigen in einer Tabellenzelle sitzt).
Versucht habe ich es mit folgendem Code und Varianten davon:

<td>
<div>
<img src="bild.gif">
<div style="position:absolute; top:20px; left:20px">x</div>
</div>
</td>

Der Aufbau erscheint mir konfus:
----------------------------------------------------------------
Im HEAD-Bereich:

<style type="text/css">
<!--
div {position:absolute; top:xxcm; left:xxcm; height:xxcm; width:xxcm;
     background-color:transparent;
-->
</style>

IM BODY

<div>blabla</div>
--------------------------------------------------------------
Ansonstendas Bild als Hintergrundbild der Zelle definieren:

<td style="background-image:url(Pfad_zum_Bild/bla.jpg)">X</td>

Gruß

André

[Egbert Keller]

Liebe Experten,

leider schaffe ich es nicht, einen Buchstaben ("x") ueber einer Grafik
zu positionieren (die im uebrigen in einer Tabellenzelle sitzt).
Versucht habe ich es mit folgendem Code und Varianten davon:

<td>
<div>
<img src="bild.gif">
<div style="position:absolute; top:20px; left:20px">x</div>
</div>
</td>

Der Aufbau erscheint mir konfus:

Im HEAD-Bereich:

<style type="text/css">
<!--
div {position:absolute; top:xxcm; left:xxcm; height:xxcm; width:xxcm;
     background-color:transparent;
-->
</style>

IM BODY

<div>blabla</div>

Ansonstendas Bild als Hintergrundbild der Zelle definieren:

<td style="background-image:url(Pfad_zum_Bild/bla.jpg)">X</td>

Gruß

André

Vielen Dank fuer die superschnelle Antwort.
Leider hab ich's mit Ihren Tipps auch nicht geschafft, das
Layour so hinzukriegen wie es mir vorschwebt.
Wenn ich ueberdies sehe, wie unterschiedlich NS 7 und
IE 6 auf meine Codes reagieren, ist es vielleicht doch
besser, das ganze mit Netscape-Layers zu realisieren
und auf allgemeine Browser-Kompatibiliaet zu verzichten.

Gruss
E.K.

[Egbert Keller]

Liebe Experten,

leider schaffe ich es nicht, einen Buchstaben ("x") ueber*) einer Grafik
zu positionieren (die im uebrigen in einer Tabellenzelle sitzt).
Versucht habe ich es mit folgendem Code und Varianten davon:

<td>
<div>
<img src="bild.gif">
<div style="position:absolute; top:20px; left:20px">x</div>
</div>
</td>

In NS 7 erscheint das "x" immer relativ zum Rand des gesamten
Fensters positioniert, in IE 6 ueberhaupt nicht (auch nicht,
wenn ich mit z-index arbeite). Wer weiss Rat.

Mit bestem Dank im voraus
E. Keller

*)"Ueber" soll hier heissen "innerhalb".

So, inzwischen hab ich's durch Herumprobieren selbst hingekriegt.
Fuer den Fall, dass jemand mal das gleiche Problem haben sollte,
hier die Loesung:

<td>
<div style="position:relative">
<img src="bild.gif">
<div style="position:absolute; top:20px; left:20px">x</div>
</div>
</td>

Ohne das "position:relative" im ersten <div>-Tag funktioniert
die Sache nicht.

E. Keller