List and inline image alignment

[josecotes]

Hello,

I have this issue where, as you can see, the inline image is pushing the label of the list a little bit up, so "1." is not aligned correctly:



This is my ol.li_llabel__content as of now. I am using vertical-align="bottom" and nothing. I have already tried baseline and sub. I also tried instead vertical-align, relative-align.

Code: Select all

<xsl:attribute-set name="ol.li__label__content">

        <xsl:attribute name="text-align">start</xsl:attribute>

        <!--<xsl:attribute name="font-weight">bold</xsl:attribute>-->

        <xsl:attribute name="start-indent">body-start()</xsl:attribute>

        <xsl:attribute name="vertical-align">bottom</xsl:attribute>

        <xsl:attribute name="color">blue</xsl:attribute>

    </xsl:attribute-set>

Thanks!

[radu_pisoi]

Hi,

Unfortunately, this is a known issue that cannot be fixed due to limitations in Apache FOP processor.
https://github.com/dita-ot/dita-ot/issues/1241

This happens when the image height is greater than the text line height. So, an workaround could be to resize your image.

I have tested with a commercial FOP processor, Antenna House, and the PDF looks much better. In this case the list item number is placed on the base line.