I have created an ebook with a lot of figures, and Calibre viewer shows them correctly. A friend of mine however complained that many figures showed really large on his Kobo Aura One, and he sent me some pics (you may see them here.

I had a quick look at the source: the figure is coded as

<div class="wrap">
    <p class="figura"><img alt="" src="../Images/q078a.png" width="70%"/></p>

  <div class="BullProblema">
    <p><a href="../Text/aiutini.xhtml#a078">vuoi un aiutino?</a></p>
    <p><a href="../Text/soluzioni.xhtml#s078">vai alla risposta</a></p>

and the CSS is

.figura { 
  text-align: center; 
  margin: 1em; 
  padding: 0; 
  display: inline-block; }

.wrap {text-align: center; }

.BullProblema, .BullAiutino, .BullSoluzione { 
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 0px;
  text-align: center; 
  line-height: 1.5em;
  border-style: double;
  border-width: medium;
  border-color: black;

It seems to me that the Kobo does not read the CSS: indeed, if I remove the line "display: inline-block;" from the CSS, Calibre reader also shows a large figure.

What did I wrong? My source contains the line

  <link href="../Styles/stile.css" rel="stylesheet" type="text/css"/>

and stile.css is my actual stylesheet.

  • Interesting question, I have an Aura One and my complaint is always the opposite: Because of its high DPI, all illustrations are tiny. I hope it's related and that there is a solution. – pipe Nov 12 '18 at 20:25
  • Your html sample appears to be missing an opening <div> tag. – rgchris Nov 12 '18 at 21:22
  • @rgchris: I just forgot to copy it: the epub is well formed. – mau Nov 13 '18 at 17:25

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.