✔ Content Box richtig mit CSS anpassen?

[ByeBye 242513]

Hi Community,

Ich habe eine Content Box in PS erstellt und so möchte ich die mit Hilfe von CSS umsetzen. Bisher habe ich mir schon den Kopf zerbrochen wie ich das realisieren kann. Weil der Headline-Wimpel auch ausserhalb der Box liegt.

Die Box soll folgende Eigenschaften haben:
- In der Höhe anpassen (vertikal skalierbar)
- Der Headline-Wimpel (Blau) soll sich in der Länge anpassen (horizontal skarlierbar)
- Der dunkle Verlauf, in der Box, soll immer unten sein

Vielleicht hat jemand eine Idee, danke

 

[CPoly]

Woran genau scheitert es denn? Zeig mal dein bisheriges HTML+CSS

 

[ByeBye 242513]

Ich habe noch keine Code geschrieben, weil ich mir immer erst Gedanken mach bevor ich Anfang. Leider fehlt mir schon die Idee wie ich das erstellen kann, weil der Wimpel ausserhalb der Box ist.
Und ich will nicht mit 20 DIV-Boxen arbeiten.

 

[CPoly]

Leider fehlt mir schon die Idee wie ich das erstellen kann, weil der Wimpel ausserhalb der Box ist.

Du kannst ihn einfach mittels position:relative oder einem negativen margin-left nach links schieben. Ich habe heute keine Zeit ein Beispiel zu erstellen.

 

[ByeBye 242513]

Vielen Dank! Die Info hat mir schon gereicht.