Logowanie

Responsywne figcaption

pytanie zadane 15 kwietnia 2016 w HTML i CSS przez tonyone Użytkownik (530 p.)
edycja 15 kwietnia 2016 przez HaKIM

Cześć,

Mam pytanie, co zrobić aby napis w figcaption był responsywny?

              <div class="images">
                <h4 style="color: #980e0e; text-transform: uppercase; padding-top: 10px;">zobacz zdjęcia:</h4>
                <figure>
                <a href="#"><img src="img/menuboczne/zdjecie1.jpg" alt="studenci" class="img-responsive"></a>
                <figcaption>Lorem ipsum</figcaption>
                </figure>
                <figure>
                <a href="#"><img src="img/menuboczne/zdjecie2.png" alt="studenci" class="img-responsive"></a>
                <figcaption>Lorem ipsum</figcaption>
                </figure>
                </div>

.images img {
    margin-top: 10px;
}
.images figure {
    position: relative;
    
}
.images figcaption {
    position: absolute;
    bottom: 20px;
    left: 5px;
    color: white;
    background-color: #980e0e;
    padding: 10px;
    font-size: 20px;    
}

- - - - -

Kod umieszczamy w specjalnych bloczkach.

Lektura na dziś: http://forum.pasja-informatyki.pl/faq