View Single Post
Old 10-27-2014, 11:24 PM   #8
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: 46,665
Karma: 169712392
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
Quote:
Originally Posted by rosshalde View Post
That worked. What are those numbers and why would I ever want them displayed. Is there a benefit in certain circumstances or would they always be in the way?
The Adobe generated page numbers do have one advantage. If you are reading the same epub file on multiple devices, the synthetic page number is consistent. So you if want to refer someone to page 242, it won't matter if they are reading on a smartphone where the page number may advance every 10 screens or a large screen desktop where you may see more than 1 page number on some screens.

In regards to Ripplinger's response, one advantage to using the SVG wrapper to display images is that they will scale to fill as much of the screen as can be used.

The version I use for cover images is:

Code:
<head>
  <title>Title Deleted</title>
  <link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
  
<style type="text/css">
@page {padding: 0pt; margin:0pt}
            body { text-align: center; padding:0pt; margin: 0pt; }
</style>
</head>

<body>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 367 600" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="600" width="367" xlink:href="../Images/cover.jpg" /></svg>
  </div>
The main change is that I used preserveAspectRatio so the image does not get distorted.

Last edited by DNSB; 10-27-2014 at 11:31 PM. Reason: duelling edits, anyone? VBG
DNSB is offline   Reply With Quote