RE: [docbook-apps] How to create sidebars for epub3?

[Jason Zech <zech@loyolapress.com>]

I haven't yet tried working with epub3, but I've done a lot of work with epub 2 and mobi/kf8. In order to place a proper sidebar, you need to check your CSS. DocBook will generate the appropriate sidebar div, but you need CSS to place it.

I've done several sidebars in epub 2, using the float property. It also works in KF8. You cannot float to the side in mobi, but you can center align a sidebar between paragraphs. 

Here's sample CSS I use for a simple sidebar that actually floats to the side. You can also do further manipulate of borders, etc as needed.

div.sidebar{
    margin:0em .8em 0em 0em;
    padding-top:.3em;
    width:10em;
    float:left;
    position:relative;
}
________________________________________
From: Andreas F.X. Siegert [afx@afximages.com]
Sent: Friday, October 12, 2012 8:24 AM
To: docbook-apps@lists.oasis-open.org
Subject: [docbook-apps] How to create sidebars for epub3?

Hi,

I do have an ebook that is written in docbook and delivered as PDF.
So far I have refrained from shipping epub/mobi as they had no sidebars, but
now with epub3 and KF8, that should work I thought. But I seem to be missing
something.

So far sidebars show up smack in the middle (I use the firefox epub
extension for testing).

This is how they look like in the XML source:
<sidebar>
  <informalfigure>
     <mediaobject>
        <imageobject>
           <imagedata fileref="images/WB-presets.jpg" format="JPG"
                      width="100%" scalefit="1" align="inside" />
        </imageobject>
     </mediaobject>
  </informalfigure>
</sidebar>

This is what I see in the epub:
<div class="sidebar" epub:type="sidebar">
  <div class="titlepage" />
    <div class="informalfigure">
       <div style="align: inside; " class="mediaobject">
          <table style="border: 0; border-spacing: 0; padding: 0;
                        width: 100%; ">
          <tr>
             <td style="align: inside; ">
               <img style="align: inside; width: 100%; "
                    src="images/WB-presets.jpg" />
             </td>
          </tr>
       </table>
    </div>
  </div>
</div>

I use eta3 of the epub stylesheets from sourceforge.
Am I missing some form of customization?
Any examples appreciated.

thx
afx
--
http://afximages.com/

---------------------------------------------------------------------
To unsubscribe, e-mail: docbook-apps-unsubscribe@lists.oasis-open.org
For additional commands, e-mail: docbook-apps-help@lists.oasis-open.org