Cześć
Mam problem z figcaption, które na zdjęciach o wielkości równej szerokości strony umiejscawia się zgodnie z przeznaczeniem, a kłopot pojawia się gdy zdjęcia są mniejsze i wystaje ono poza grafikę. Jak to naprawić aby niezależnie od wielkości zdjęcia nie wystawało ono poza prawy dolny róg?
CSS:
.img-container{
position: relative;
margin: 0;
}
.img-container img{
display: block;
}
.img-caption{
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(30,30,30,.5);
padding: 5px 10px;
font-size: 12px;
font-family: Lato;
font-weight: bold;
color: #fff;
}
.img-caption a:link {
color: white;
}
.img-caption a:visited {
color: white;
}
kod HTML:
<figure class="img-container">
<img src="../../images/blog/2024/foto.png" width="950" height="800">
<figcaption class="img-caption">
TEKST
</figcaption>
</figure>
z góry dzięki za pomoc
.