Hmmm, we figured out how to get an SVG inline "apple character" working (see Post #24+, although read the rest too, it might be helpful):
https://www.mobileread.com/forums/sho...d.php?t=222825
I used similar code, and I got it working well in Sigil (not too sure how well a floating SVG works on actual devices right now, or if this works in KF8, or how well it degrades). But here is the basic code:
Quote:
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim elit massa. Vivamus gravida, dui sit amet hendrerit laoreet, orci tortor dignissim diam, eget tempus erat dolor a ex. Mauris et erat quis nisi porta laoreet vitae quis ex. <img alt="" class="svg_img" src="../Images/fumer.svg"/> Aenean mattis risus non hendrerit fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim elit massa. Vivamus gravida, dui sit amet hendrerit laoreet, orci tortor dignissim diam, eget tempus erat dolor a ex. Mauris et erat quis nisi porta laoreet vitae quis ex. Aenean mattis risus non hendrerit fermentum.</p>
|
with the CSS:
Code:
.svg_img {
display: inline;
height: 5em;
width: auto;
float: right;
}
The height can be tweaked. In that Apple Character topic, we had it set to 1em (since we wanted the apple to scale with the size of the text).
Attached = the EPUB.
Side Note: Any particular reason why you settled on SVG version of this text, instead of just handling this using normal CSS?