positionierung von Elementen
slapy
- html
Hallo
Ich möchte zwei Bilder in einer Tabellenzelle übereinander legen, aber die relative Positionierung hinterlässt eine Lücke und die absolute orientiert sich nicht an der linken oberen Ecke der Zelle, wie sie es doch eigentlich müsste?! Was mache ich falsch?
<table border="1" >
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3</td>
<td><div style="position:absolute;left:10px;">4</div><img src="picture.jpg" width="100" height="200" border="0"> </td>
</tr>
</table>
Sollte doch eigentlich nicht zu schwer sein aber ich bekomms grad nich hin. Bin für jeden hinweis dankbar.
Hallo,
... die absolute orientiert sich nicht an der linken oberen Ecke der Zelle, wie sie es doch eigentlich müsste?! Was mache ich falsch?
absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Elternelements, das nicht die Normaleinstellung position:static hat.
Und wie wäre es, das eine Bild als Hintergundbild für die Zelle zu nehmen?
Auf Wiederlesen
Detlef
Moin,
Und was für eine Lücke wozwischen ????
Guck mal:
<body>
<table border="1">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3</td>
<td><div><img src="picture.jpg" width="100" height="200" border="0"></div> </td>
</tr>
</table>
</body>
die rel Pos. kann getrost weg ...
das schließende </div> hinter dem img src sonst hats kein Sinn!!!
Also was meinst Du jetzt genau ????
Lieben Gruss aus Münster der madmax
Moin,
meinst Du das so???
<body>
<table border="1">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3</td>
<td>
<div style="width:100px">
<img src="picture.jpg" width="100" height="200" border="0">
<img src="picture.jpg" width="100" height="200" border="0">
</div>
</td>
</tr>
</table>
</body>
Wo ist da das Problem???
Lieben Gruss aus Münster der madmax
Oh nein, so mein ich das nicht. Ich möchte beide Bilder in einer Zelle,also eins über dem anderen, das "über" ist in der Tiefe zu verstehen, also es soll das andere überdecken.(Es ist kleiner)
Ich möchte keines der Bilder als Hintergrund für die Zelle nehmen, da ich es verlinken möchte.
Mit der Lücke mein ich den Platz, an dem das zweite Bild eigentlich gestanden hätte, wenn ich es nicht mit position:relative verschoben hätte.
Irgendwie hab ich immernoch keine Lösung. Aber danke trotzdem erstmal
Moin,
meinst Du das so???
<body>
<table border="1">
<tr>
<td>1 </td>
<td>2 </td>
</tr>
<tr>
<td>3</td>
<td>
<div style="width:100px">
<img src="picture.jpg" width="100" height="200" border="0">
<img src="picture.jpg" width="100" height="200" border="0">
</div>
</td>
</tr>
</table></body>
Wo ist da das Problem???
Lieben Gruss aus Münster der madmax
Hallo slapy
Oh nein, so mein ich das nicht. Ich möchte beide Bilder in einer Zelle,also eins über dem anderen, das "über" ist in der Tiefe zu verstehen, also es soll das andere überdecken.(Es ist kleiner)
Ich möchte keines der Bilder als Hintergrund für die Zelle nehmen, da ich es verlinken möchte.
Welches der Bilder willst du verlinken?
Das kleinere?
Das größere?
Beide?
Nimmt das größere Bild die ganze Tabellezelle ein?
Auf Wiederlesen
Detlef
Ich möchte das grössere, welches die Zelle ausfüllt, verlinken und das kleine vielleicht auch, ist aber nicht so wichtig.
Ich habe keinen hover Effekt vor, nur 2 übereinanderliegende Bilder ohne special effects.
Danke
slapy
Hallo slapy
Oh nein, so mein ich das nicht. Ich möchte beide Bilder in einer Zelle,also eins über dem anderen, das "über" ist in der Tiefe zu verstehen, also es soll das andere überdecken.(Es ist kleiner)
Ich möchte keines der Bilder als Hintergrund für die Zelle nehmen, da ich es verlinken möchte.Welches der Bilder willst du verlinken?
Das kleinere?
Das größere?
Beide?
Nimmt das größere Bild die ganze Tabellezelle ein?Auf Wiederlesen
Detlef
hi,
Ich möchte das grössere, welches die Zelle ausfüllt, verlinken und das kleine vielleicht auch, ist aber nicht so wichtig.
Ich habe keinen hover Effekt vor, nur 2 übereinanderliegende Bilder ohne special effects.
welchen sinn soll es denn haben, ein bild zu verlinken, dass _unter_ einem anderen liegt, von diesem verdeckt wird?
gruß,
wahsaga
Moin,
Ahhh mir schwant es was Du vor hast !!!
Meinst Du ein hover Effekt wobei das Foto umspringt (also das
zweite Foto erscheint) wenn man auf das Feld geht ????
Lieben Gruss aus Münster der madmax
Hallo
Ich möchte zwei Bilder in einer Tabellenzelle übereinander legen
Wenn die Größe der Bilder definiert ist, dann arbeite doch mit negativem Abstand:
<img src='bild1.jpg' style='width:3em;height:3em' />
<br><img src='bild2.jpg' style='margin-left:-3em;margin-top:-3em;width:2em;height:2em' />
Gruß, Kalle