Überlappende Textfelder

[FebsDeluxe]

Hey Leute,
ich habe folgendes vor:

Die Texte (in der grauen und blauen Box) sollen Tatsächlich TEXTE sein.
Die Hintergründe sollen sich an die Textlänge anpassen ...

Hat jemand eine Idee wie man so etwas machen kann? :)

 

[Dominic28]

Hey,
Du kannst das blaue Textfeld relativ positionieren und das graue Feld dann absolut positionieren.
Das sollte dann schon reichen.

Hier ein kleines Beispiel:

<div style="margin: 30px;">
    <div style="position: relative; background-color: blue; width: 300px; height: 100px;">
        <span style="position: absolute; background-color: grey; margin-top: -5px; margin-left: -5px;">Jemand</span>
        <p style="padding-top: 20px; color: #fff;">Test hier...</p>
    </div>
</div>

Ein bisschen anpassen und vernünftig stylen musst du es natürlich selbst. Das ist nur ein Beispiel.

 

[FebsDeluxe]

Sehr cool! Genau danach habe ich gesucht!
Riesen dankeschön!!