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