michaa aka michat: Text oder transparentes img über img

Beitrag lesen

mir scheint, du hast meinen Vorschlag immer noch nicht verstanden.

Mir deucht da is viel wahres dran ;-)

<div id="Bildbox1">

<img src="image.png" alt="Erstes Bild" />
<span>Text im Bild</span>
</div>


>   
> ~~~css

#Bildbox1  

>  { position: relative;  
>  }  
> #Bildbox1 span  
>  { position: absolute;  
>    top:  140px;  
>    left: 180px;  
>  }

Danke, *das* tut exakt, was ich möchte. Ich hatte es zwar mit <div> und <span> bereits versucht, aber wohl einiges falsch gemacht.

Merkwürdige Beobachtung:
Abstandregelung per "top: "prozentangabe"" bewirkt bei mir *in diesem fall* nichts, "left: "prozentangabe"" funktioniert, mit "em" und sonstigen klappt das auch mit "top".
Erklärbar (?) ist die nur dadurch, dass das <div> selbst dimensions- und nach oben abstandslos ist. Nur verwundert mich, dass die Prozentangabe sich rein auf padding und/oder margin beziehen sollte, nur dann wäre es % von Null.
Aber das stellt natürlich kein Hindernis dar, wollte das nur bemerkt habe.

Danke nochmal!