Michael Faschinger: Bilder überlagern

Beitrag lesen

Benutze bitte eine entsprechende DOCTYPE-angabe für dein HTML

Ich lasse die Pipe auf einem Cocoon-Server laufen, der generiert selbständig ein fertiges HTML-Dokument, das hat also keine Auswirkungen.

Ich hab jetzt doch eine Lösung mit meinem ursprünglichen Ansatz gefunden:

<table cellspacing="0" cellpadding="0">
 <tr style="background-color: #A0A0A0";>
  <td>
   <div style="position:relative">
    <img src="fire.jpg"/>
    <img style="position:absolute; top:0px;left:0px" src="hand.jpg"/>
   </div>
  </td>
  <td>
   <div style="position:relative">
    <img src="fire.jpg"/>
    <img style="position:absolute; top:0px;left:0px" src="hand.jpg"/>
   </div>
  </td>
 </tr>
</table>

PS: wozu müssen sich die Bilder überhaupt überlagern?

Die Geschichte dazu würde jetzt wohl ein paar Seiten dauern ;-)
Ganz kurz: Wir arbeiten hier an einer Symbolsprache/Bildsprache, für die das benötigt wird. Um Tätigkeiten darzustellen, soll beispielsweise eine Hand einem anderen Bild überlagert werden. z.B. Stift mit überlagerter Hand-> schreiben. Ich hoffe, das war halbwegs verständlich.
Danke nochmal für deine Hilfe, mfg Michael