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:[email protected]] 
Sent: Wednesday, February 22, 2012 1:25 PM
To: David Goss
Cc: [email protected]
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 <[email protected]>

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
[email protected]
http://www.MuellerReports.com


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

 

Reply via email to