docbook-apps

I have been able to center my figures in pdf successfully using Bob
Stayton's advice in his book. However, I can't yet get my css style
sheet to center the html output.

I have my figures in DocBook in a chunk like this:

<mediaobject>
<imageobject role='html'>
<imagedata
width='4.5in'
fileref="./images/dmPlot.png"/>
</imageobject>
<imageobject role='fo'>
<imagedata
width='4.5in'
fileref="./images/dmPlot.png"/>
</imageobject>
</mediaobject>

In my css file I have tried these:

div.mediaobject {
align: center;
}
div.mediaobject {
text-align: center;
}

Neither work. But if I add in my fo file in the mediaobject block
attributes "align='center'", the figure centers nicely.

I have tried to find where DocBook does the translation from css to fo
so I can intervene ("customize") but haven't had much luck.

What am I doing wrong?

Thanks.

-Tom

Thomas M. Browder, Jr.
Niceville, Florida
USA

|
Original Message-----
| From: Tom Browder
|
| In my css file I have tried these:
|
| div.mediaobject {
| align: center;
| }
| div.mediaobject {
| text-align: center;
| }
|
| Neither work.


CSS has no "align" property.
"text-align: center;" works in Internet Explorer, but not in Firefox. The
following non-standard setting works in Firefox: "text-align: -moz-center;".


| But if I add in my fo file in the mediaobject block
| attributes "align='center'", the figure centers nicely.


Yes, that's right (the "my fo file" bit confused me for a while, but I'm
sure that you meant "my DocBook file").

http://www.sagehill.net/docbookxsl/ImageAlignment.html


| I have tried to find where DocBook does the translation from
| css to fo so I can intervene ("customize") but haven't had much luck.


Many FO properties are modeled on similar CSS properties, but the DocBook
stylesheets do not perform any kind of CSS->FO translation. There is some
common code used by all stylesheet variants, but otherwise the stylesheets
for HTML and FO are separate.

Mauritz

On Thu, Jul 8, 2010 at 14:20, Mauritz Jeanson <mj@johanneberg.com> wrote:
> |  
Original Message-----
...
> |  In my css file I have tried these:
> |  div.mediaobject {
> |    text-align: center;
> |  }
> |
> |  Neither work.
...
> CSS has no "align" property.
> "text-align: center;" works in Internet Explorer, but not in Firefox. The
> following non-standard setting works in Firefox: "text-align: -moz-center;".

Aha, that works!

Do you have a pointer to any other css tricks for firefox?

> Many FO properties are modeled on similar CSS properties, but the DocBook
> stylesheets do not perform any kind of CSS->FO translation. There is some

Duh, I should have realized that.

Good debugging with limited info, Mauritz, thanks a heap!

-Tom

|
Original Message-----
| From: Tom Browder
|
| Do you have a pointer to any other css tricks for firefox?


https://developer.mozilla.org/en/CSS

Mauritz

On Thu, Jul 8, 2010 at 15:29, Mauritz Jeanson <mj@johanneberg.com> wrote:
...
> |  Do you have a pointer to any other css tricks for firefox?
...
> https://developer.mozilla.org/en/CSS

Thanks, Mauritz.

-Tom