[eggheadbooks1]

Jellby:

Almost there! Just one last hurdle:

My images were centered. In Sigil, this translated into a div class

<div class="sgc-2">

whereby sgc is

div.sgc-2 {text-align: center;}

I tried coding it like this:

<div class="sgc-2" style="max-width:293px; max-height:333px">

but Sigil then changes each style to a div.sgc and I end up with this

<div class="sgc-2 sgc-3">

whereby sgv 3 is

div.sgc-3 {max-width:293px; max-height:333px}

but the ereaders ignore the centering. So I get my max width or height (THANK YOU!) but I lose my centering.

I tried this:

<div class="sgc-2">
   <div class="sgc-3">
    <svg xmlns="http://www.w3.org/2000/svg" height="100%" max-width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 293 333" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image height="333" width="293" xlink:href="../Images/Angel72.jpg"></image><br />
    </svg>
   </div>
  </div>

but it didn't work.

I also tried opening the division with

<div class="sgc-2; sgc-3">

but that didn't work either. I'm not a programmer and I am out of ideas.

Any thoughts?