Skip to main content
F
fusion42
Participant
December 13, 2010
Question

CFDocument PDF - Images lost when floated

  • December 13, 2010
  • 1 reply
  • 783 views

Hi folks,

I'm using the CFDocument tag to create a PDF from a block of HTML.  There are images in this block, and everything works well, including some inline CSS formatting directiongs, until I include:

  #featured img {
    float: left;
    margin: 0 15px 0 0;
  }

To allow my text to appear to the right of my images on every row.  This formatting works fine in the HTML version, but as soon as I wrap it with my CFDocument tags, the images vanish.

I'm willing to believe that there may be a larger spacing issue or CSS problem that I've not yet discovered that is causing this problem, but have not yet found it.  I felt I would post here and ask if there were any known issues (that I could not find in a search of available forum topics) wherein the CFDocument tag fails to display images when using the float CSS directive.

Thanks!

Charlie

    This topic has been closed for replies.

    1 reply

    M
    meensi
    Inspiring
    December 16, 2010

    Hi,

    When you call the images inside your CFDOCUMENT its taking lot of time for Process, at the end the user will get frustrated.

    Try to include all your styles and process the content in CFSAVECONTENT tag and use this variable.

    It helped me.

    <CFSAVECONTENT variable = test>

         <table style="margin-bottom: 0%" width="150%" >
         
                <tr>
                    <td class=rtitle>Corrective Actions Summary</td>
                    <td class=orgid align=right><img style="vertical-align: text-bottom" alt=Honeywell
                    src="<cfoutput>#Request.root#feedback/images/small.gif</cfoutput>"
                    border=0></td>
                </tr>
                <tr>
                    <td style="height: 1px; background-color: black" colspan=2></td>
                </tr>

    </table>

    </CFSAVECONTENT>

    <CFDOCUMENT format = "pdf">

         <cfoutput>#test#</cfoutput>

    </CFDOCUMENT>

    F
    fusion42Author
    Participant
    December 16, 2010

    Thank you for the tip - much appreciated!

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices