Importing pictures inside tables from Word

ferracaned · Post by **ferracaned** » Thu Aug 08, 2019 7:56 am

Hi,
I'm trying to understand why Flare doesn't display properly images that I've imported from word that are inside a table cell.
In the PDF outputs I don't see any image while in the website output I see images but distorted.
Images are definately imported because I see the as a single picture and also are present inside the cell of the table... is there something wrong I'm missing?
This is an example of table that has this issue (all the tables have this issue):

Code: Select all

<?xml version="1.0" encoding="utf-8"?>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" xml:lang="en-us">
    <head>
        <link href="../Resources/TableStylesheets/Alternate-Row-Color.css" rel="stylesheet" MadCap:stylesheetType="table" /><title></title>
        <link href="../Resources/Stylesheets/DiscovIR-GC User Manual Rev 5.0.3 June 2019.css" rel="stylesheet" />
    </head>
    <body>
        <h1><span style="margin-right: 0pt;">3 </span>Safety/Operating Symbols</h1>
        <p>The following symbols appearing on the unit or in the manual are defined as follows: </p>
        <table style="mc-table-style: url('../Resources/TableStylesheets/Alternate-Row-Color.css');" class="TableStyle-Alternate-Row-Color" cellspacing="21">
            <tbody>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body1">
                    <td class="TableStyle-Alternate-Row-Color-BodyE-Column1-Body1">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols.png" style="visibility: visible;mso-wrap-style: square;width: 63px;height: 50px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyD-Column1-Body1">
                        <p>The symbol on the instrument indicates that the user should refer to the operating manual before attempting to connect the power / interface cables and operate the instrument.</p>
                    </td>
                </tr>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body2">
                    <td class="TableStyle-Alternate-Row-Color-BodyE-Column1-Body2">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols_1.png" style="visibility: visible;mso-wrap-style: square;width: 60px;height: 54px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyD-Column1-Body2">
                        <p>The symbol on the instrument states that high voltage may be present when panels / covers are removed.  Any adjustment, maintenance, and repair of the opened apparatus under voltage should be avoided as much as possible.  Repairs must be performed by a skilled individual who is aware of the hazards involved.</p>
                    </td>
                </tr>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body1">
                    <td class="TableStyle-Alternate-Row-Color-BodyE-Column1-Body1">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols_2.png" style="visibility: visible;mso-wrap-style: square;width: 66px;height: 61px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyD-Column1-Body1">
                        <p>The symbol on the instrument states that elevated temperatures may be present in the system.  The user should take care that the internal components are not touched when a temperature is elevated.</p>
                    </td>
                </tr>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body2">
                    <td class="TableStyle-Alternate-Row-Color-BodyE-Column1-Body2">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols_3.png" style="visibility: visible;mso-wrap-style: square;width: 66px;height: 58px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyD-Column1-Body2">
                        <p>The symbol in the instrument indicates a protective ground terminal.</p>
                    </td>
                </tr>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body1">
                    <td class="TableStyle-Alternate-Row-Color-BodyE-Column1-Body1">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols_4.png" style="visibility: visible;mso-wrap-style: square;width: 57px;height: 46px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyD-Column1-Body1">
                        <p>The statement is used throughout the manual to highlight important information about the system.</p>
                    </td>
                </tr>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body2">
                    <td class="TableStyle-Alternate-Row-Color-BodyE-Column1-Body2">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols_5.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 56px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyD-Column1-Body2">
                        <p>The statement is used throughout the manual to indicate conditions that could cause component failure or invalid data.</p>
                    </td>
                </tr>
                <tr class="TableStyle-Alternate-Row-Color-Body-Body1">
                    <td class="TableStyle-Alternate-Row-Color-BodyB-Column1-Body1">
                        <p>
                            <img src="../Resources/Images/DiscovIR-GC User Manual Rev 5.0.3 June 2019/Safety Operating Symbols_6.png" style="visibility: visible;mso-wrap-style: square;width: 58px;height: 56px;" />
                        </p>
                    </td>
                    <td class="TableStyle-Alternate-Row-Color-BodyA-Column1-Body1">
                        <p>The statement is used throughout the manual to indicate potential dangers that might result in personal injury or damage to property.</p>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

Thanks for your feedback

Dario

Psider · Post by **Psider** » Sun Aug 11, 2019 5:56 pm

The images have specific heights and widths defined. Are the images those exact pixel sizes if you open them in an image editor? If not, that would cause the distortion in web view.

For PDF, it's possible the visibility setting could be causing an issue - I'm never sure what css the pdf conversions understand.

To test both theories, delete the style property for a few rows or a table (if there's a small one), generate and see what difference it makes.

ferracaned · Post by **ferracaned** » Tue Aug 13, 2019 7:33 am

I've found a way to show pictures: basically if I put some text in the same cell of the tabel I can see pictures.... how is it possible??? it seems it is not possible to have a column with only images...

ferracaned · Post by **ferracaned** » Tue Aug 13, 2019 8:06 am

Found the issue, column was in auto width and it doesn't recognizes images. Had to set fixed width for every column that has only images inside, very annoying BTW...

MadCap Software Forums

Importing pictures inside tables from Word

Importing pictures inside tables from Word

Re: Importing pictures inside tables from Word

Re: Importing pictures inside tables from Word

Re: Importing pictures inside tables from Word