18.04.2022, 18:09
Eher so, hast du vieleicht noch eine bessere Lösungsidee? Das mit der width: 399px finde ich noch nicht so optimal.
<html>
<head>
<style>
.kachel{
border:20px black solid;
position: relative;
height: auto;
width: 399px;
}
a:before{
content: '';
position: absolute;
width:400px;
height:400px;
bottom: 0px;
}
</style>
</head>
<body>
<div class="kachel">
<img src="image.png" />
<a href="beitrag.html">Mehr Details</a>
</div>
</body>
</html>
<html>
<head>
<style>
.kachel{
border:20px black solid;
position: relative;
height: auto;
width: 399px;
}
a:before{
content: '';
position: absolute;
width:400px;
height:400px;
bottom: 0px;
}
</style>
</head>
<body>
<div class="kachel">
<img src="image.png" />
<a href="beitrag.html">Mehr Details</a>
</div>
</body>
</html>