MobileRead Forums - View Single Post - adding text after svg (not caption) on single page

dbb1480 · 05-25-2016, 10:42 AM

Hi all,

I am trying to put together an illustrated book. I want to place a svg of the image on the page then add text after the image and have this all be on the same page.

It keeps splitting this into two pages even though there is clearly enough space for both the image and text on the epub page.

Code:

<body>
  <div style="text-align: center; padding: 0pt; margin: 0pt; page-break-inside:avoid">
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMin meet" version="1.1" viewBox="0 0 955 930" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="930" width="955" x="0" xlink:href="../Images/Image00001.jpg" y="0" /></svg>

    <p>Here is some text</p>
    
  </div>
</body>

Anyone have any ideas on how to fix this?

05-25-2016, 10:42 AM	#1
dbb1480 Junior Member Posts: 6 Karma: 10 Join Date: May 2016 Device: Kindle Paperwhite	adding text after svg (not caption) on single page Hi all, I am trying to put together an illustrated book. I want to place a svg of the image on the page then add text after the image and have this all be on the same page. It keeps splitting this into two pages even though there is clearly enough space for both the image and text on the epub page. Code: <body> <div style="text-align: center; padding: 0pt; margin: 0pt; page-break-inside:avoid"> <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMin meet" version="1.1" viewBox="0 0 955 930" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="930" width="955" x="0" xlink:href="../Images/Image00001.jpg" y="0" /></svg> <p>Here is some text</p> </div> </body> Anyone have any ideas on how to fix this?