problem with pic on my Kobo Touch

rosshalde · 10-27-2014, 03:28 PM

I am testing on three devices.
apple computer - iBook
Nook-Simple Touch
Kobo-Touch

by just inserting a picture file into Sigil and saving the epub, both the apple and the nook auto centered the picture upon display, but Kobo did not.

I went and centered the pic in Sigil and that fixed the problem...but
On Kobo, a large "1" is being displayed under the picture, and I need to get rid of it.

Any ideas why that is? Neither the Nook, nor iWork display this random number under the picture.

davidfor · 10-27-2014, 09:56 PM

Nearly anything on the screen should be in the book. The only exception is the page number at the bottom of the screen. But, it isn't a large number. And it should show "Page x or y".

Can you post a screen shot? Or the epub. That should help work out what is happening

rosshalde · 10-27-2014, 10:21 PM

Here is a pic of the Kobo with the 1 under it.

Here is the code for the epub Not sure where the 1 is coming from.

<?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>
<p><img alt="566 width" src="../Images/566%20width.jpg" /> </p>
</body>
</html>

GeoffR · 10-27-2014, 10:30 PM

I think that is the Adobe page number in the margin.

Go into the Touch's Reading Settings menu and untick the box beside "Show Adobe EPUB page numbers:"

rosshalde · 10-27-2014, 10:40 PM

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?

GeoffR · 10-27-2014, 10:50 PM

Quote:

Originally Posted by rosshalde

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?

They are margin page numbers, they allow the reader to see exactly where the new page begins. (in ebooks one page doesn't usually correspond to one screen).

Personally I don't like them, so I always keep them turned off, but it is a user choice so the publisher doesn't need to worry about it.

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.

DNSB · 10-27-2014, 11:24 PM

Quote:

Originally Posted by rosshalde

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.

10-27-2014, 03:28 PM	#1
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	problem with pic on my Kobo Touch I am testing on three devices. apple computer - iBook Nook-Simple Touch Kobo-Touch by just inserting a picture file into Sigil and saving the epub, both the apple and the nook auto centered the picture upon display, but Kobo did not. I went and centered the pic in Sigil and that fixed the problem...but On Kobo, a large "1" is being displayed under the picture, and I need to get rid of it. Any ideas why that is? Neither the Nook, nor iWork display this random number under the picture.

10-27-2014, 10:21 PM	#3
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	Here is a pic of the Kobo with the 1 under it. Here is the code for the epub Not sure where the 1 is coming from. <?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> <p><img alt="566 width" src="../Images/566%20width.jpg" /> </p> </body> </html> Attached Thumbnails

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.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Kobo Touch Problem	LadyLoki	Devices	2	01-10-2013 02:22 AM
Touch Problem with Kobo Touch	bdr90	Kobo Reader	11	11-28-2012 12:51 PM
Touch Problem with Kobo touch	RuthK	Kobo Reader	6	08-09-2011 12:52 PM
Confused on how to fix this problem (pic included)	Frogsmasha	Sony Reader	9	04-12-2007 07:53 AM

10-27-2014, 09:56 PM	#2
davidfor Grand Sorcerer Posts: 24,907 Karma: 47303748 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	Nearly anything on the screen should be in the book. The only exception is the page number at the bottom of the screen. But, it isn't a large number. And it should show "Page x or y". Can you post a screen shot? Or the epub. That should help work out what is happening

10-27-2014, 10:30 PM	#4
GeoffR Wizard Posts: 3,821 Karma: 19162882 Join Date: Nov 2012 Location: Te Riu-a-Māui Device: Kobo Glo	I think that is the Adobe page number in the margin. Go into the Touch's Reading Settings menu and untick the box beside "Show Adobe EPUB page numbers:"

10-27-2014, 10:40 PM	#5
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	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?

Advert

Advert