View Single Post
Old 07-02-2023, 07:39 PM   #40
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 47,084
Karma: 169815798
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by Turtle91 View Post
It appears you had a margin for your <body>. I set that to 0 and it appears to work fine...in Sigil...try it on your device.

Code:
<body style="background-color:rgb(0,0,255); margin:0">
  <div style="margin: 0; padding: 0">
    <svg xmlns="http://www.w3.org/2000/svg" height="100vh" width="100vw" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1275 2100" xmlns:xlink="http://www.w3.org/1999/xlink">
      <title/>
      <image width="1275" height="2100" xlink:href="../Images/Title_Page.png"/>
    </svg>
  </div>
</body>
I also changed the height and width to vh/vw instead of %.
On a Kobo ereader, changing the height/width to vh/vw gives a thumbnail size cover image.
DNSB is offline   Reply With Quote