10-27-2014, 03:28 PM | #1 |
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, 09:56 PM | #2 |
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 |
Advert | |
|
10-27-2014, 10:21 PM | #3 |
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> |
10-27-2014, 10:30 PM | #4 |
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 |
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 | |
|
10-27-2014, 10:50 PM | #6 | |
Wizard
Posts: 3,821
Karma: 19162882
Join Date: Nov 2012
Location: Te Riu-a-Māui
Device: Kobo Glo
|
Quote:
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. |
|
10-27-2014, 11:21 PM | #7 |
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> 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. |
10-27-2014, 11:24 PM | #8 | |
Bibliophagist
Posts: 35,356
Karma: 145435140
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Forma, Clara HD, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
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> Last edited by DNSB; 10-27-2014 at 11:31 PM. Reason: duelling edits, anyone? VBG |
|
|
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 |