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 agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.