slapy: positionierung von Elementen

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.

  1. 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

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
  2. Moin,

    1. in welcher Zelle sollen die 2 Fotos übereinander stehn in Zelle 4
         rechts unten???
         Oder in Zelle 3 und 4 je eins ...

    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

    --
    Homepages:
    http://www.tassilosturm.net
    http://www.heimweg.net.tf
    Wer Ordnung hält ist nur zu faul zum suchen !
  3. 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

    --
    Homepages:
    http://www.tassilosturm.net
    http://www.heimweg.net.tf
    Wer Ordnung hält ist nur zu faul zum suchen !
    1. 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

      1. 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

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. 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

          1. 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

            --
            "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
      2. 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

        --
        Homepages:
        http://www.tassilosturm.net
        http://www.heimweg.net.tf
        Wer Ordnung hält ist nur zu faul zum suchen !
  4. 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