Grafik über Grafik einbinden

[Avengerlx]

Hallo,

ich möchte folgendes machen:

ich habe eine Tabelle.
in einer Zelle habe ich ein Bild, darüber möchte ich ein kleineres Bild anzeigen und in dem Bild den Text.
Unter dem ganzen steht nochmal Text.

Meine Frage: ist das ganze machbar ohne eine Absolute Positionierung.

Das ganze mit relativer Positionierung funktioniert allerdings ist dann zwischen den Bildern und dem Text darunter ein größerer Abstand, da ich das 2te Bild ja nur mit top:-x px verschoben habe.

Vielen dank im Vorraus

Sollte das schon mal gefragt worden sein ,war ich wohl nur zu unfähig es zu finden.

Grüße Avengerlx

[Maxx]

Hallo,

Meine Frage: ist das ganze machbar ohne eine Absolute Positionierung.

auch position:absolut positioniert relativ. Und zwar relativ zum Elternelemet, dass nicht im normalen Elementfluss liegt. Also nicht "static" positioniert ist.

Hört sich kompliziert an, ist es aber nicht.

<div style="position:relative;">
  <div style="position:absolute; top:0px;"><img ...></div>
  <div style="position:absolute; top:0px;">Text</div>
</div>

Text und Bild liegen dann übereinander.

Grüße,

Jochen

[Zeromancer]

Hallo Avengerlx,

ich habe eine Tabelle.
in einer Zelle habe ich ein Bild, darüber möchte ich ein kleineres Bild anzeigen und in dem Bild den Text.
Unter dem ganzen steht nochmal Text.
Meine Frage: ist das ganze machbar ohne eine Absolute Positionierung.

ich gehe mal davon aus, dass du keine tabellarischen Daten hast. Dann packe in die Zelle weitere Elemente und weise ihnen Hintergründe zu:

<table>  
 <tr>  
  <td>  
   <span>Text</span>  
  </td>  
 </tr>  
</table>

  
td {  
  background:#fff url('bild1.jpg');  
}  
span {  
  background:#fff url('bild2.jpg');  
}  

Mit freundlichen Grüßen,
André