schoener_nick
Mitglied
Hallo.
Folgendes Problem:
Ich möchte 3 verschiedene Grafiken in einer Tabelle exakt an der gleichen Stelle positionieren. Mittels style="visibility:hidden bzw. visible" sollen die jeweils nicht benötigten Grafiken ausgeblendet werden.
Wenn ich mit <div style="position:absolute; top:xxx; left:xxx;"> arbeite, orientiert sich der Div container nicht an der Tabelle. Verwende ich "position:relative" orientiert sich die der erste Div-Container an der Tabelle, der zweite allerdings am ersten und nicht an der Tabelle.
<table width="500" border="1">
<tr>
<td width="300" height="300" align="left" valign="top">
<div id="1" style="position:relative; top:150; left:150;"><img src="test.jpg"></div>
<div id="2" style="position:relative; top:150; left:150;"><img src="test.jpg"></div>
<div id="3" style="position:relative; top:150; left:150;"><img src="test.jpg"></div>
</td>
</tr>
</table>
Bei diesem Beispiel hätte ich mir gewünscht, dass die Bilder exakt an der gleichen Stelle angezeigt werden. Wie kann ich das realisieren?
Wichtig ist mir, dass die Position, die ich dem Div-Container gebe, sich auf die linke obere Ecke der Tabellenzelle bezieht.
Für Hilfe wäre ich sehr dankbar!
Folgendes Problem:
Ich möchte 3 verschiedene Grafiken in einer Tabelle exakt an der gleichen Stelle positionieren. Mittels style="visibility:hidden bzw. visible" sollen die jeweils nicht benötigten Grafiken ausgeblendet werden.
Wenn ich mit <div style="position:absolute; top:xxx; left:xxx;"> arbeite, orientiert sich der Div container nicht an der Tabelle. Verwende ich "position:relative" orientiert sich die der erste Div-Container an der Tabelle, der zweite allerdings am ersten und nicht an der Tabelle.
<table width="500" border="1">
<tr>
<td width="300" height="300" align="left" valign="top">
<div id="1" style="position:relative; top:150; left:150;"><img src="test.jpg"></div>
<div id="2" style="position:relative; top:150; left:150;"><img src="test.jpg"></div>
<div id="3" style="position:relative; top:150; left:150;"><img src="test.jpg"></div>
</td>
</tr>
</table>
Bei diesem Beispiel hätte ich mir gewünscht, dass die Bilder exakt an der gleichen Stelle angezeigt werden. Wie kann ich das realisieren?
Wichtig ist mir, dass die Position, die ich dem Div-Container gebe, sich auf die linke obere Ecke der Tabellenzelle bezieht.
Für Hilfe wäre ich sehr dankbar!