Beat: Text über einem Bild passgenau plazieren

Beitrag lesen

... Tabelle mit Bildern darin.
... Bilder Text plaziert werden, ...
Dazu brauche ich wohl eine Box, die genau der Umhüllung des Textes entspricht und deren linke, obere Ecke ich relativ zur Ecke des Bildes, bzw. der Tabelle plazieren kann.

Du kannst nicht relativ zu einem <img> platzieren. da ein <img> Element keine Children haben kann.

Wie realisiere ich das?

allgemein:

<td class="textoverimage"><p>Text</p><img ... ></td>

.textoverimage {
    position:relative;
    text-align:left;
    vertical-align:top;
}
.textoverimage p {
    position:absolute;
    top:0px;
    left:0px;
}
Die Krux besteht nun darin, wie die Dimensionen der Zellen bei verschiedenen Bildgrössen berechnet werden.
Mit den align Werten hast du auf jeden Fall einen linken oberen Bezugspunkt zur Content-Box des td Element

PS: es muss eventuell für deine Bedürfnisse gar keine Tabelle sein.

mfg Beat

--
><o(((°>           ><o(((°>
   <°)))o><                     ><o(((°>o
Der Valigator leibt diese Fische