Beiträge von toeltjen

Zitat von m.scatello

Dein Versuch dazu sieht wie aus?

<div class="row">
            <div class="latest">
                <img src="resources/img/pic1.jpg" alt="alternative" />
                <h2>Titel</h2>
                <p>Lorem</p>
            </div>
        </div>

.latest h2, p{
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    text-align: center;
    margin-left: 50%;
    transform: translate(-50%, 0%);
}

Die "Box" erscheint am unteren Bildschirmrand und ist in der höhe quasi auf eine reihe begrenzt

Moin moin,

ich habe Probleme eine Textbox auf einem Bild zu erstellen und diese dann zu zentieren. Auch nach Anleitung aus dem Internet hat das nicht funktioniert! Das Bild ist im Laufe der Seite mittig ausgerichtet und in der Mitte des Bildes soll eine Box mit einer Überschrift, einem kleinen Textabsatz und einem Button sein.

Es soll am ende etwa so aussehen wie im Anhang.

ich bin über jede hilfe dankbar! Danke im vorraus.

Grüße aus Hamburg!