Quote:
Originally Posted by roger64
Hi
I wish to insert a small svg as a floating right image within a paragraph. Everything goes well using an image tag except that it looks like a fixed image. I get mixed results using an object tag and I wonder if there is something to improve upon. Here is it.
Code:
<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. Aenean mattis risus non hendrerit fermentum.<object type="image/svg + xml" data="images/fumer.svg" style="float:right"/><img src="images/fumer.png" alt="encart" /></object>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>
PS: for some unknown reason, I can't upload anything on MR
https://mega.co.nz/#!RUtHFAbZ!DbXMr4...86S0dqG6yKxRr4 |
Here you can see an example of a float svg image:
https://www.mobileread.com/forums/sho...4&postcount=11
The .svg image in this case is for a drop cap (and is float: left) but you can follow the "technique" to use any other svg image and to use "float: right" instead of "float: left".
Regards