docbook-apps message

Subject: Re: [docbook-apps] epub heading levels and centered images

From: "Bob Stayton" <bobs@sagehill.net>
To: "Andreas F.X. Siegert" <afx@afximages.com>, <docbook-apps@lists.oasis-open.org>
Date: Tue, 16 Oct 2012 14:14:06 -0700

Hi Andreas,

Chapters and other children of book should already be <h1> in epub3. Isyour chapter inside a part element, by any chance? I see now that thatwould make it an h2.

Regarding h2 CSS selectors, doesn't a selector like this work for yourchapters with h2?


section.chapter  h2 {  }

Regarding centering of figures, this works for me:

div.figure {
 text-align: center;
}

If you have already tried something like that, I would suggest you look atthe .xhtml files with a browser to see if it is working before beingcompiled into an epub. If your CSS works there, then try using differentepub readers, as their support for CSS varies.


Bob Stayton
Sagehill Enterprises
bobs@sagehill.net

--------------------------------------------------
From: "Andreas F.X. Siegert" <afx@afximages.com>
Sent: Tuesday, October 16, 2012 12:24 PM
To: <docbook-apps@lists.oasis-open.org>
Subject: [docbook-apps] epub heading levels and centered images

Hi,

I am still struggling with my epup3 conversion.

How do I get heading levels that are really visually different?
Looks like for chapters and the first section level I get
h2 class title and then below I get h3 class title.

But I can not even visually address them in the CSS....
I'd really love to have proper h1, h2, h3, .. with working CSS.

Here is what I see at chapter level:

<body>
 <section class="chapter" title="2. First Steps" epub:type="chapter"
id="FirstSteps">
   <div class="titlepage">
     <div>
       <div> <h2 class="title">2. First Steps</h2> </div>
     </div>
   </div>
...

Here is what I see at sec level:

<body>
 <div class="sect1" title="Preferences">
   <div class="titlepage">
     <div>
       <div><h2 class="title" style="clear: both"
id="Preferences">Preferences</h2></div>
     </div>
   </div>
 ...

And then at at sect2:
<div class="sect2" title="General Preferences">
 <div class="titlepage">
   <div>

<div><h3 class="title" id="PreferencesGeneral">GeneralPreferences</h3>

   </div>
 </div>
</div>

And no matter what I try for css, my figures are never centered, butalways

left aligned.
I only can get the caption to center.

cheers
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

References:
- epub heading levels and centered images
  - From: "Andreas F.X. Siegert" <afx@afximages.com>