MobileRead Forums - View Single Post

Ripplinger · 10-27-2014, 11:21 PM

I haven't been able to test on my Sony, it needs charging, but try this code that I usually use for covers, when centering an image is important.

Code:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
</head>

<body>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" version="1.1" viewBox="0 0 566 378" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image height="378" width="566" xlink:href="../Images/566%20width.jpg"></image>
    </svg>
  </div>
</body>
</html>

Btw, you also have a space in your line of code that might do something odd, the   is a blank space added.

Edit: Change the height that I specified of 378 to whatever your actual image is, mine is from cutting out from your image and resizing to 566 width, so the height might be slightly different.

And I always leave the Adobe page numbering off as well, they're just annoying when placed on top of the text when reading, unless you have a specific use for needing them as DNSB said below.

Sony charged, and it displays the same way as the Kobo... centered horizontally only but not vertically with your code. My code centers both horizontally and vertically on the page.

10-27-2014, 11:21 PM	#7
Ripplinger 350 Hoarder Posts: 3,574 Karma: 8281267 Join Date: Dec 2010 Location: Midwest USA Device: Sony PRS-350, Kobo Glo & Glo HD, PW2	I haven't been able to test on my Sony, it needs charging, but try this code that I usually use for covers, when centering an image is important. Code: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <div> <svg xmlns="http://www.w3.org/2000/svg" height="100%" version="1.1" viewBox="0 0 566 378" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> <image height="378" width="566" xlink:href="../Images/566%20width.jpg"></image> </svg> </div> </body> </html> Btw, you also have a space in your line of code that might do something odd, the   is a blank space added. Edit: Change the height that I specified of 378 to whatever your actual image is, mine is from cutting out from your image and resizing to 566 width, so the height might be slightly different. And I always leave the Adobe page numbering off as well, they're just annoying when placed on top of the text when reading, unless you have a specific use for needing them as DNSB said below. Sony charged, and it displays the same way as the Kobo... centered horizontally only but not vertically with your code. My code centers both horizontally and vertically on the page. Last edited by Ripplinger; 10-28-2014 at 12:03 AM.