Quantcast
Channel: MobileRead Forums - ePub
Viewing all 1881 articles
Browse latest View live
↧

XHTML to EPUB and blank content

May 1, 2017, 12:02 am
$
0
0
Hello everyone,

I try to convert a .xhtml file to .ePub, but the result is not satisfaying : most part of the book content is blank.

I tried without the .css file, so I guess there's something in the html code I should correct.

Any idea please?

J.
↧
Search

Images look terrible!

May 3, 2017, 8:24 am
$
0
0
My EPUB contained many HTML tables, many of which would break on small screens. I therefore took screenshots of the tables and inserted the images into the EPUB in place of the HTML tables.

I just viewed my EPUB on ADE for PC. The table images look terrible! :eek: The text in the images is illegible. Please see attachment.

The images become blurry only when ADE downscales them. If I expand the window and force ADE to upscale the images, they look better. At full size, they look crisp.

I have been looking for an answer to this problem ALL day. The best one so far is to create new images of the tables, this time using very bold text and thick lines. This works quite well. Most of the images become legible; however, they look very ugly, and some still look quite terrible.

Does anyone know how I can fix this issue? I'll appreciate any suggestions.

Attached Thumbnails
Click image for larger version Name: Capture.PNG Views: N/A Size: 21.0 KB ID: 156495  
↧
↧

Validation error after changing image type

May 4, 2017, 1:12 pm
$
0
0
In a completed (and valid) ePub, I had a couple images that were originally .jpg but I replaced them with (larger) .pngs because they were text and/or line drawings.

I changed all the references and item properties to match the .png files, but I am still getting a validation error from one chapter that calls up an image.

This is the problematic line:
Code:
<p class="timg"><img src="images/f136.png" alt="" /></p>
The error is “Referenced resource could not be found in the EPUB.”

So I’m stumped. The image is in the right directory, it has the right name, and it seems to be referenced properly. The related code in the package.opf is

Code:
<item id=”f136″ href=”images/f136.png” media-type=”image/png”/>
Any thoughts? The version using the .jpg has the same code except, of course, “jpg” replaces “png.” The really odd thing is that there are two images that I changed but only one is producing an error.

UPDATE: seems like it is validating now. Might have been a bout of stupidity. Pls. ignore.
↧

ePub creation-help needed

May 6, 2017, 11:29 pm
$
0
0
Hello,

I am trying to publish a recipe book. So I created epub from an MS Word document. The tool used for this is Calibre.

I can read the epubcreated, well in Calbre but the images/recipe headings are not aligned properly in some other readers like Sigil and Ice cream epub reader. Please tell me how to rectify this.

Thanks in advance.

Regards,
Ashok
↧

How to keep a Header and svg wrapped img on the same page

May 7, 2017, 9:31 am
$
0
0
I'm new to epub and my experience with html/css is minimal. So I'm not sure if what I'm trying to accomplish is best practice or possible. I'm open to hearing a better way.

I want my <h2> header to stay with an svg wrapped image. So the chapter title page will be the header(h2 tags) followed by an svg wrapped image that fills the rest of the page. Then the text starts on the next page.

As of right now I get a chapter title(h2 tags) on its own page. Then the svg image on the next page.

After reading most of the threads on svg I finally found code that properly centered the image(at least in the kindle previewer).

Pasted in HTML page header.

Code:
<style type="text/css">
@page { margin: 0.000000pt; padding: 0.000000pt; }
</style>
CSS
Code:
.svg_outer {
display: block;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: left;
}

.svg_inner {
display: block;
text-align: center;
}
HTML code

Code:
<div class="svg_outer">
    <div class="svg_inner">
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 1201 1800" preserveAspectRatio="xMidYMid meet"><image width="1201" height="1800" alt="John standing triumphantly by a flag" xlink:href="../Images/Leap1small.jpeg"/></svg>
    </div>
  </div>
I've tried putting the svg inside the h2 tags. Placing the h2 tags everywhere inside the svg. The only thing that's worked for me is to change the height="100%" to "80%". Which leaves room for the h2 header some of the time but breaks easily by just flipping the reading device. This also makes the image that much smaller.

I'm using Sigil and I've seen some guides on building a TOC from none headers. So I'm not stuck on the h2 tags. I'm also not stuck on the svg wrapper it just seemed like the way to go. I really just want a best practice/elegant solution.
↧
↧

From PDF to EPUB 3 Fixed Layout with selectable text

May 8, 2017, 9:43 pm
$
0
0
I'm trying to find a free way to convert PDF file into EPUB 3 fixed layout file with selectable text. I have found several commercial softwares that are able to do this but it's hard to say which one is the best and their prices vary quite much. I have tried a few trial versions (Flowpaper, Magicepub and Sugarcube) so it's clearly possible to convert from PDF to EPUB 3 fixed layout with selectable text. I'm not a publisher and I just need one example book to be converted for my own testing purposes.

So far I have tried to import PDF files to the latest InDesign CC version but InDesign converts PDF pages to images in EPUB 3 fixed layout export. Also many free converters don't have support for EPUB 3 fixed layouts. Has anyone found a workflow to do the conversion without using the commercial softwares?
↧

Do you use page-break-after and page-break-inside?

May 9, 2017, 4:43 am
$
0
0
I have used the following lines of CSS code in my EPUB:

Code:
h2, h3, h4, h5, h6 {
page-break-inside: avoid;
page-break-after: avoid;
}
I have heard that using this code can cause problems for people using small screens in landscape mode.

It would be interesting to hear your opinions.

Should I not use this code? Can it cause problems? Is it well supported?

Another question . . .

Do you guys switch off hyphenation?
↧

Epub code question

May 9, 2017, 7:47 am
$
0
0
I understood that "id=XXX" was only for locating fragments within the epub.

However I came across this code which I can't understand:
Code:
#container00 {
  display:inline-block;
  height:25px;
  width:25px;
}
Usage:
Code:
<div id="container00">
  <image alt="" class="center" src="../Images/image.png">
</div>
The code affects the size of the image. Why is that?

Can I convert this to an svg wrapper? How?
--MH
↧
Search

List numbers cut off when text is enlarged! How to fix?

May 9, 2017, 3:40 pm
$
0
0
Just when I thought I had finally completed my EPUB, I enlarged the text on my tablet during testing and noticed that the list numbers get cut off!

Any way to fix this without dramatically increasing the left margin of the list items?

I tried:

Code:
ol {
list-style-position: inside;
}
This puts the numbers inside the <li> boxes and fixes the cutting off problem. However, long list items that take up many lines then look like short paragraphs because each line of text starts under the number. In other words, the numbers no longer stick out to the sides.
↧
↧

Create an e-book with Devanagari characters

May 10, 2017, 3:16 am
$
0
0
Hi to all! This is my first message! :) Sorry for my bad English, but I'm Italian! :)
I do not know if this is the right section, if I'm wrong I apologize!

I'm trying to create an e-book (in English) with Devanagari characters.
I've transformed the individual letters into their unicode (thanks to this wonderful site: https://unicode-table.com/en/), so I do not have to use a Sanskrit font.
The book was edited with InDesign and from this I created a first e-book draft.
I have some questions:

Initially, I created the E-book using the font "Time New Roman". Because this book will be sold, I've read that this font is copyrighted and I've changed it.
Someone advised me to use these fonts: "Charis SIL" or "Noto San" because they are similar to "Time New Roman" but do not have copyright issues.
Can someone confirm it (the "freedom" from copyright, I mean)?
I've sent the ebook to a number of friends and they do not seem to have any big problems viewing it. Since I wanted to try it on most devices as possible, I have included beneath the links to a small draft (more than the words in Devanagari): if anyone can try to open and visualize it, it would make me a favor (and make me happy! :) ).
I'm also including a PDF file to see how the text should be displayed.



Here version with Charis SIL: ePub and PDF
Here version with Noto Sans: ePub and PDF


Thank you very very very much!!!
Leonardo
↧

TOC links point to wrong page!

May 10, 2017, 2:50 pm
$
0
0
The adventure continues! Whenever I think I have finished my first EPUB, I find another problem! :rofl:

This time I have noticed that some of the links in my table of contents, generated by Sigil, point to the page before the destination page. This means that I have to click the link and then flip one page forward to arrive at my intended destination.

Having taken a close look, it only seems to occur whenever the destination is a h3 heading and the heading starts at the top of the page. My h3 heading elements have the largest top margins of all the elements in the EPUB, so I am assuming that some of the top margin is being left on the previous page.

Is this possible? Has anyone ever experienced this problem?
↧

Two text forms in same publication?

May 12, 2017, 8:50 am
$
0
0
I am converting a large (web based) project to ePub 3. It consists of a ~130 page book and a linked database. I have converted the links to some 900 small xhtml pages. In the web form I have the book in one directory, the database pages in another. The book is best flowable, and I have converted the database to fixed format pages. But now I am wondering how to tie in the database pages. They appear as links in the book prose. Does anybody have experience with such a project?
↧

Maximize Image Width

May 16, 2017, 1:19 am
$
0
0
I want to use SVG diagrams in my book, and they have various widths. Up till now I have been inserting them with the following code:

Code:
<div><img alt="My Diagram" src="../Images/my diagram.svg"/></div>
However, I would like them to utilise the maximum screen space of whatever device the reader is using. Could someone suggest code that tells the image to render itself to the maximum width (portrait or landscape) of the device they are on? Thereafter, can they be 'zoomed' even larger still?
↧
↧

[HowTo] Get song chord to be shown above lyrics

May 20, 2017, 7:42 am
$
0
0
Hi,

I want to create a numerical version of my favorite songs to be able to play them on guitare from my Kindle.

I would like to achieve something like that: http://www.boiteachansons.net/Partit.../Amsterdam.php

I tried many possibility without success : Impossible to show the guitare chords above the corresponding text on my kindle/kobo devices (even if Sigil preview them correctly).
I use EPUB2.

Here is m CSS:

Code:
.song div {
float:left;
}

.song.r {
width:100%;
font-weight: bold;
margin-bottom:1.7em;
}

.song.c {
width:100%;
margin-bottom:1.1em;
}

.song em {
display:table-row;
font-style:normal;
text-decoration:underline;
}

.song p {
display:inline;
margin: 0;
float: left;
margin-left: 1%;
margin-right: 1%;
}

.song p div {
display:inline-table;
float:none;
vertical-align:bottom;
}

.song span {
display: none;
}

.show-chords span {
display:table-row;
color:#00F;
font-style: italic;
font-weight: bold;
font-size: 0.8em;
margin-left:1em;
}
And Here is a lyrics page:

Code:
<body>
<div class="song_header">
<span class="title">Puisque tu pars</span>
<a class="author" href="goldman_toc.xhtml">Goldman</a>
<a class="level" href="level2_toc.xhtml">Intermediaire</a>
<a class="home" href="../index.xhtml">Home</a>
</div>
<div class="song c">
<p class="show-chords">
<div><span>Ré</span><em>Pui</em></div>sque l'ombre gagne,
<br/>puisqu'il <div><span>Sim</span><em>n'est</em></div> pas de montagne
<br/>Au-de<div><span>Sol</span><em>là</em></div> des vents,
<br/>plus haute que les mar<div><span>Mim</span><em>ches</em></div> de l'oubli
<br/><div><span>La</span><em>Pui</em></div>squ'il faut apprendre,
<br/>à <div><span>Ré</span><em>défaut</em></div> de le compr<div><span>Sol</span><em>end</em></div>re
<br/><div><span>Mim</span><em>A rê</em></div>ver nos désirs et vivre de<div><span>La</span><em>s "</em></div>ainsi soit-il"
<br/><div><span>Ré</span><em></em></div>
</p>
<p>
<div><span>Ré</span><em>Et</em></div> puisque tu penses
<br/>Comme une <div><span>Sim</span><em>in</em></div>time évidence
<br/>Que p<div><span>Sol</span><em>arf</em></div>ois même tout donner
<br/>n'est pas f<div><span>Mim</span><em>orc</em></div>ément suffire
<br/><div><span>La</span><em>Pui</em></div>sque c'est ailleurs
<br/>Qu'i<div><span>Ré</span><em>ra</em></div> mieux battre <div><span>Sol</span><em>ton</em></div> cœur
<br/><div><span>Mim</span><em>Et</em></div> puisque nous t'aimons trop pour te re<div><span>La</span><em>ten</em></div>ir
<br/>Puisque tu <div><span>Ré</span><em>par</em></div>s
</p>
</div>
<div class="song c">
<p class="show-chords">
<div><span>Do</span><em>Que</em></div> les vents te mènent
<br/>où d'au<div><span>Lam</span><em>tres</em></div> âmes plus belles
<br/> Sauront <div><span>Fa</span><em>t'ai</em></div>mer mieux que nous
<br/>puisque l'on <div><span>Rém</span><em>ne</em></div> peut t'aimer plus
<br/><div><span>Sol</span><em>Que</em></div> la vie t'apprenne
<br/> Mais que <div><span>Do</span><em>tu</em></div> restes le <div><span>Fa</span><em>mêm</em></div>e
<br/> Si <div><span>Rém</span><em>tu</em></div> te trahissais,
<br/>nous t'aurions <div><span>Sol</span><em>tout</em></div> à fait perdu
<br/> (Mais pas trop <div><span>Do</span><em>tard)</em></div>
</p>
</div>
<div class="song r">
<p class="show-chords">
<div><span>Sol</span><em>Dan</em></div>s ton histoi<div><span>Do</span><em>re,</em></div> garde en mémoir<div><span>Lam</span><em>e</em></div>
<br/> Notre au revo<div><span>Fa</span><em>ir</em></div> puisque tu <div><span>Rém</span><em>pars</em></div>
<br/> <div><span>Sol</span><em></em></div>
</p>
</div>
<div class="song c">
<p>
<div><span>Do</span><em>J'a</em></div>urais pu fermer, oubli<div><span>Lam</span><em>er</em></div> toutes ces portes
<br/><div><span>Fa</span><em>Tou</em></div>t quitter sur un simple geste, mais tu<div><span>Rém</span><em> ne</em></div> l'as pas fait
<br/><div><span>Do</span><em>J'a</em></div>urais pu donner tant d'a<div><span>Lam</span><em>mou</em></div>r et tant de force
<br/><div><span>Fa</span><em>Mai</em></div>s tout ce que je pouvais, ça n'était <div><span>Rém</span><em>pas</em></div> encore assez
</p>
<p class="show-chords">
Reprise 02 : (2x)
<br/> Pas ass<div><span>Do</span><em>ez,</em></div> pas as<div><span>Lam</span><em>sez</em></div>, pas ass<div><span>Fa</span><em>ez</em></div>
<br/> <div><span>Rém</span><em></em></div>
</p>
</div>
</body>
All help will be greatly accepted !
↧

Windows 10 Creators Update Edge ePub test

May 21, 2017, 7:09 am
$
0
0
I've tested the new Edge ePub addon with the semi-official Reflowable Content Tests epub3 test file and it passed most of them except for VP8 and MathML support. (Unlike most other epub3-enabled apps it doesn't support JavaScript.)
A nice touch is also the built-in TTS support. BTW, it apparently also supports popup footnotes if they were encoded using the preferred iBooks footnote syntax.
I.e., the new Edge browser epub add-on should be suitable for most fiction books, but not for MathML-heavy textbooks or books with media overlays and other advanced epub3 features.
(It does support embedded audio/video files, though.)
↧
Search

How to correctly display characters in ePub for non-standard languages?

May 26, 2017, 10:20 am
$
0
0
Hi all,

I have a PDF as the source file for an ePub in a Ghanaian language and the text that I extract for the ePub does not display the characters/glyphs correctly (see attached screenshots).

Embedding the fonts will only help to display the characters in the ePub once I actually have the text, but how can I fix the source text in the xhtml?

Also in terms of which fonts to embed (if any?), Times seems to work in other ePubs that I have checked for this language, but I would appreciate any advice that you have with regards to fonts. Google Noto is supposed to work for Ghanaian languages as well, but do any of you have any (similar) experience with font problems and how did you fix them?

Thank you in advance!

:thanks:

Attached Thumbnails
Click image for larger version Name: how it looks.png Views: N/A Size: 81.3 KB ID: 157016   Click image for larger version Name: how it should look.png Views: N/A Size: 146.3 KB ID: 157017  
↧

Disable Edge from opening epubs

May 30, 2017, 6:02 am
$
0
0
In win 10, is there any way to disable Edge from opening epubs?

I use Windows Commander (www.ghisler.com) which used to treat epubs as zip files thus allowing me to review the epub. Now it defaults to opening the epub in Edge.

I Kludged a workaround so that if I right click on an epub I can select open with Windows Commander, which shows the contents of the epub, but this opens a new instance of Windows Commander.
↧
↧

Editing Books

May 30, 2017, 9:33 am
$
0
0
Do the various E-book platforms (Kindle, Kobo etc) allow authors to edit their books after the book has been published?

I have a lot of images, and Im leaving them in png format for the meanwhile. Sometime after the book is submitted, I may wish to upgrade the pictures to svg format. Will they let me do that later on?
↧

Interactive Epubs: XML, HTML, XHTML

May 30, 2017, 11:17 am
$
0
0
Which format is best for publishing interactive epubs, XML, HTML, or XHTML?

What are the pros and cons to each of them?
↧

Reliable XML Publishing Tools?

May 30, 2017, 11:34 am
$
0
0
Hi,

I'm researching XML publishing and I was wondering if there are any free or cheap, but reliable ways to make xml epubs.
↧
Viewing all 1881 articles
Browse latest View live
Search