View Single Post
Old 01-06-2021, 11:50 AM   #10
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 31,101
Karma: 60358908
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
I've done this to reduce the file size caused by Image Per Chapter
Use absolute values otherwise resize (zoom) by the user moves the text.

Code:
 <div class="heading" id="chapter-008-heading">

      <div class="heading-image-size-container">

        <img height="120" alt="" src="../Images/orobus.jpeg" width="117" />

      </div>

      <h1 class="title">8</h1>

    </div>
CSS
Code:
.title {
   margin-top: -90px;
   font-size: 28pt;
   /* -2em; */
}
This is still a bit fragile due to how the different DEVICE render things (do their own ignore the spec) Looks good on my Kobo, but vertical placement seems to wander on my K4
theducks is online now   Reply With Quote