[RbnJrg]

Originally Posted by valyria

What is the best way to incorporate sidebars in Mobi books?

If I were you, I'd use a styled div (a float div -to left or right-, with color, borders, custom fonts...what you want). But since my K4NT doesn't support TTS, I woudn't know to tell you how a "div" sidebar will work with that feature.

My idea is to save the sidebars with the text and background as an image and then insert that image into the file.

To me, it's not bad idea, especially thinking on TTS.

Below you have an example of a sidebar made with pure css (it works also in ADE). The code I used is:

div#sidebar {
   float: left;
   width: 50%;
   font-size: 120%;
   text-indent: 0;
   text-align: justify;
   margin: 1em 1em 1em 1ex;
   padding: 1em 1em 1em 1ex;;
   border-top: 6px solid black;
   border-bottom: 6px solid black;
}

.fl {
   display: table-cell;
   width: 0.3em;
   font-size: 8em;
   line-height: 80%;
   color: rgb(192, 192, 192);
}

.tf {
   display: table-cell;
   vertical-align: bottom;
   padding-left: 0.5em;
}

and in the .html file:

<div id="sidebar">
    <div class="fl">
      “
    </div>

    <div class="tf">
       ... Some text...
    </div>
</div>

Regards
Rubén