Hi all,
I am trying to post 3 jpg images per xhtml page in sigil. 1 at mid top, 1 at middle, and 1 at mid bottom. While I am able to use svg to place each one, each is showing up on a seperate page. I am at my wits end on this and would like them all on a single page.
Code:
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMin meet" version="1.1" viewBox="0 0 600 192" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="192" width="600" xlink:href="../Images/image1.gif" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 192" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="192" width="600" xlink:href="../Images/image2.gif" /></svg>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMax meet" version="1.1" viewBox="0 0 600 192" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="192" width="600" xlink:href="../Images/image3.gif" /></svg>
</div>
</body>
Any help would be greatly appreciated, trying to make this look good on a kindle paper white, while simultaneously look good on a kindle fire or ipad