RE: [docbook-apps] Side-by-side images

From
David Goss <>
Date
2012-02-22T19:54:38+00:00
ID
Thread
RE: [docbook-apps] Side-by-side images
This does get the desired result, though this is similar to my current solution. The content isn’t *really* a table, so <informaltable> doesn’t accurately describe what it is. 

 

Logically, I would think that <mediaobject> with 2 <imageobject>s would make the most sense, but when I transformed that into HTML, only the 1st image displayed. The description of <mediaobject> in TDG5 does state that it can contain “one or more…” for objects, but perhaps that means one or more different objects, not two objects that are the same.

 

See

http://docbook.org/tdg5/en/html/mediaobject.html

 

-David

 

From: Roland Burda [mailto:] 
Sent: Wednesday, February 22, 2012 1:25 PM
To: David Goss
Cc: 
Subject: Re: [docbook-apps] Side-by-side images

 

David!

 

I use tables to get two images side-by-side.

 

This is my workaround for the issue:

 

<informaltable frame="none" rowsep="0" colsep="0">

            <tgroup cols="2">

                        <tbody>

                                    <row>

                                                <entry>

                                                            <para>

                                                                        <mediaobject>

                                                                          <imageobject>

                                                                                     <imagedata fileref=""/>

                                                                          </imageobject>

                                                                        </mediaobject>

                                                            </para>

                                                </entry>

                                                <entry>

                                                            <para>

                                                                        <mediaobject>

                                                                          <imageobject>

                                                                                     <imagedata fileref=""/>

                                                                          </imageobject>

                                                                        </mediaobject>

                                                            </para>

                                                </entry>

                                    </row>

                        </tbody>

            </tgroup>

</informaltable>

 

Cheers,

Roland

 

2012/2/22 David Goss <>

Hello,

What is the proper way to display two images side-by-side?

The way I do this now is to put two <inlinemediaobjects> into a <para>.
The HTML output is two images side-by-side aligned to the left. Playing
with the align attribute in the <imagedata> tags results in text for the
proceeding paragraphs to creep up in the space between them, since they
are inline. Using the <mediaobject> would separate the images onto two
different lines.

<para>
       <inlinemediaobject>
               <imageobject>
                       <imagedata fileref='...' />
               </imageobject>
       </inlinemediaobject>
       <inlinemediaobject>
               <imageobject>
                       <imagedata fileref='...' />
               </imageobject>
       </inlinemediaobject>
</para>

I feel like I'm tagging these images wrong. <inlinemediaobject> doesn't
really describe the content here since they're not *really* inline.

Is there a "right" way to accomplish this (other than combining two
images into one)? My goal is to get two images side-by-side, center
aligned, though a solution that would work for more than 2 images
side-by-side would be ideal.

Thanks,

DAVID GOSS | Technical Writer
P 1.800.876.9218 x 345 | F 1.800.588.9866

http://www.MuellerReports.com

---------------------------------------------------------------------
To unsubscribe, e-mail: 
For additional commands, e-mail: