docbook-apps

  • 1.  Side-by-side images

    Posted 02-22-2012 16:30
    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
    dgoss@mueller-inc.com
    http://www.MuellerReports.com




  • 2.  Re: [docbook-apps] Side-by-side images

    Posted 02-22-2012 17:31
    David,

    I don't know if it's the best way, but I have used tables to do this. In addition to letting you put things side by side, it also gives you more fine-grained control of placement. Purists might shudder, but it works:-).

    Richard Hamilton
    -------
    XML Press
    XML for Technical Communicators
    http://xmlpress.net
    hamilton@xmlpress.net


    On Feb 22, 2012, at 8:30 AM, David Goss wrote:

    > 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
    > dgoss@mueller-inc.com
    > http://www.MuellerReports.com
    >
    >
    > ---------------------------------------------------------------------
    > To unsubscribe, e-mail: docbook-apps-unsubscribe@lists.oasis-open.org
    > For additional commands, e-mail: docbook-apps-help@lists.oasis-open.org
    >




  • 3.  Re: [docbook-apps] Side-by-side images

    Posted 02-22-2012 18:25
    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">

    <row>
    <entry>
    <para>
    <mediaobject>
    <imageobject>
    <imagedata fileref=""/>
    </imageobject>
    </mediaobject>
    </para>
    </entry>
    <entry>
    <para>
    <mediaobject>
    <imageobject>
    <imagedata fileref=""/>
    </imageobject>
    </mediaobject>
    </para>
    </entry>
    </row>

    </tgroup>
    </informaltable>

    Cheers,
    Roland

    2012/2/22 David Goss <dgoss@mueller-inc.com>

    > 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
    > dgoss@mueller-inc.com
    > http://www.MuellerReports.com
    >
    >
    > ---------------------------------------------------------------------
    > To unsubscribe, e-mail: docbook-apps-unsubscribe@lists.oasis-open.org
    > For additional commands, e-mail: docbook-apps-help@lists.oasis-open.org
    >
    >



  • 4.  RE: [docbook-apps] Side-by-side images

    Posted 02-22-2012 19:55
    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:burda.roland@gmail.com]
    Sent: Wednesday, February 22, 2012 1:25 PM
    To: David Goss
    Cc: docbook-apps@lists.oasis-open.org
    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">



    <row>

    <entry>

    <para>


    <mediaobject>


    <imageobject>


    <imagedata fileref=""/>


    </imageobject>


    </mediaobject>

    </para>

    </entry>

    <entry>

    <para>


    <mediaobject>


    <imageobject>


    <imagedata fileref=""/>


    </imageobject>


    </mediaobject>

    </para>

    </entry>

    </row>



    </tgroup>

    </informaltable>



    Cheers,

    Roland



    2012/2/22 David Goss <dgoss@mueller-inc.com>

    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
    dgoss@mueller-inc.com
    http://www.MuellerReports.com


    ---------------------------------------------------------------------
    To unsubscribe, e-mail: docbook-apps-unsubscribe@lists.oasis-open.org
    For additional commands, e-mail: docbook-apps-help@lists.oasis-open.org






  • 5.  Re: [docbook-apps] Side-by-side images

    Posted 02-22-2012 20:02
    Typically, having two image objects inside a media object is to let you have alternate versions of an image for different output media. So, it's not intended to handle the case you're thinking of.

    Best Regards,
    Richard Hamilton
    On Feb 22, 2012, at 11:54 AM, David Goss wrote:

    > 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 1stimage 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:burda.roland@gmail.com]
    > Sent: Wednesday, February 22, 2012 1:25 PM
    > To: David Goss
    > Cc: docbook-apps@lists.oasis-open.org
    > 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">
    >
    > <row>
    > <entry>
    > <para>
    > <mediaobject>
    > <imageobject>
    > <imagedata fileref=""/>
    > </imageobject>
    > </mediaobject>
    > </para>
    > </entry>
    > <entry>
    > <para>
    > <mediaobject>
    > <imageobject>
    > <imagedata fileref=""/>
    > </imageobject>
    > </mediaobject>
    > </para>
    > </entry>
    > </row>
    >
    > </tgroup>
    > </informaltable>
    >
    > Cheers,
    > Roland
    >
    > 2012/2/22 David Goss <dgoss@mueller-inc.com>
    > 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
    > dgoss@mueller-inc.com
    > http://www.MuellerReports.com
    >
    >
    > ---------------------------------------------------------------------
    > To unsubscribe, e-mail: docbook-apps-unsubscribe@lists.oasis-open.org
    > For additional commands, e-mail: docbook-apps-help@lists.oasis-open.org
    >




  • 6.  RE: Side-by-side images

    Posted 02-23-2012 16:53
    David Goss [mailto:dgoss@mueller-inc.com] wrote:

    > 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.


    Why do you say that the images are not really inline? I would define an inline element as one that does not cause a line break, which is exactly what you want.


    *************************
    Rob Cavicchio
    rob.cavicchio@emc.com

    Principal Technical Writer & Information Architect
    Information Intelligence Group
    EMC Corporation

    The opinions expressed here are my personal opinions. Content published here is not read or approved in advance by EMC and does not necessarily reflect the views and opinions of EMC.