nicht angemeldet
Hallo!
Ich habe ein Problem beim Überlagern von Bildern in einer Tabelle. Ich habe ein automatisch generiertes HTML-Dokument (aus einer XML+XSLT->HTML-Pipeline) und kann daher Breite und Höhe der Bilder nicht eruieren und verwende nach der XSL-Transformation CSS für die weitere Formatierung.
Ich habe bereits einige Ansätze aus dem Web und diesem Forum probiert, allerdings ist dort überall Breite & Höhe der Bilder bekannt, kommt daher für micht nicht in Frage.
Ich habe eine Tabelle á la:
<html>
<body>
<table>
<tr style="background-color: #A0A0A0";>
<td style="position:absolute">
<img style="position:absolute; top:0px; left:0px" src="fire.jpg"/>
<img style="position:absolute; top:0px; left:0px" src="hand.jpg"/>
</td>
<td>
asdf
</td>
<td style="position:absolute">
<img style="position:absolute; top:0px; left:0px" src="fire.jpg"/>
<img style="position:absolute; top:0px; left:0px" src="hand.jpg"/>
</td>
</tr>
</table>
</body>
</html>
hand.jpg sollte in beiden Zellen in der linken oberen Ecke von fire.jpg sitzen - tut es auch. Jedoch sind die Zellen jeweils nur durch wenige Pixel getrennt. Wie kann die Breite dieser Zellen dynamisch an die Breite der Bilder angepasst werden? Mit width:auto komme ich nicht weit, auch wenn ich zusätzliche divs verwende, bringt mich das nicht weiter.
Ich bin dankbar für jeden Tipp, mfg Michael