Text über Bild legen (overlay?)
Verfasst: Dienstag 30. Juli 2019, 11:46
Hallo Leute,
ich habe eine QTextBrowser und möchte darin neben Fließtext auch Bilder anzeigen, die dynamisch von Text überlagert sein sollen.
In HTML & CSS habe ich es so gelöst:
In Qt scheint das nicht so einfach wie gedacht mit .setHtml() zu funktionieren. Der Text erscheint unterhalb des Bildes in einer eigenen Zeile.
In den Qt Docs finde ich hauptsächlich Infos zum Styling einzelner Elemente, nicht des Fließtextes bzw. wie beschrieben nur einzelnen Bildern darin.
Wer weiß Hilfe?
ich habe eine QTextBrowser und möchte darin neben Fließtext auch Bilder anzeigen, die dynamisch von Text überlagert sein sollen.
In HTML & CSS habe ich es so gelöst:
Code: Alles auswählen
<html><head>
<style>
.container {
position: relative;
text-align: center;
color: black;
font-weight: bold;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
</head><body>
<p>Some text before.</p>
<div class="container">
<img src="image.png">
<div class="centered"><h2>Text</h2></div>
</div>
<p>Some text after.</p>
</body></html>In den Qt Docs finde ich hauptsächlich Infos zum Styling einzelner Elemente, nicht des Fließtextes bzw. wie beschrieben nur einzelnen Bildern darin.
Wer weiß Hilfe?
Elegant ist anders, aber gehen tut's.