Ciao e benvenuto.
Sostanzialmente puoi impostare un elemento dentro il td e assegnargli position:absolute, mentre al td assegni position:relative.
Un esempio da cui puoi prendere spunto:
codice:
<!DOCTYPE HTML>
<html>
<head>
<title>Esempio</title>
<meta charset="utf-8">
<style type="text/css">
table{
border-collapse: collapse;
border-spacing: 0;
text-align: center;
height: 200px;
}
td{
padding: 0;
border: 1px solid Black;
width: 200px;
}
td.immagine{
width: 400px;
}
td.immagine>img{
width: 100%;
max-height: 198px;
}
.etichetta{
position: relative;
height: 40px;
}
.etichetta>div{
position: absolute;
right: 0;
top: 0;
padding: 10px;
background: FireBrick;
border: 3px solid Cornsilk;
width: 220px;
box-shadow: 0 4px 5px rgba(0,0,0,.6);
color: White;
}
</style>
</head>
<body>
<table>
<tr><td class="immagine" rowspan=4><img src="image.jpg" alt="IMMAGINE"></td><td class="etichetta"><div>TESTO</div></td></tr>
<tr><td>TESTO</td></tr>
<tr><td>TESTO</td></tr>
<tr><td>TESTO</td></tr>
</table>
</body>
</html>