1 Reply Latest reply on Nov 13, 2014 8:37 AM by paulwesson_bluedrop

    CF10 Using background image in cfpresentationslide

    paulwesson_bluedrop

      Just wondering if it is possible for a slide to contain a background image and have text appear on top of it?

       

      I've tried many ways and each time, the image is being displayed on top of the text.

       

      Examples I've tried:

      <cfpresentationslide Title="FILE BACKGROUND" duration="14" presenter="Paul">

        <html>

        <body background="file:///C:/inetpub/wwwroot/ppt_test/slide_header.jpg">

        <h3>Sales</h3>

        <ul>

        <li>Overview</li>

        <li>Q1 Sales Figures</li>

        <li>Projected Sales</li>

        <li>Competition</li>

        <li>Advantages</li>

        <li>Long Term Growth</li>

        </ul>

        </body>

        </html>

      </cfpresentationslide>

      and

      <cfpresentationslide Title="DIV" duration="14" presenter="Paul">

        <div style="background-image: url('slide_header.jpg'); width: 960px; height: 124px; color: ##000000; z-index: -9999">

        here

        <div style="z-index: 9999; border: 1px solid red;">

        <h3>Sales</h3>

        <ul>

        <li>Overview</li>

        <li>Q1 Sales Figures</li>

        <li>Projected Sales</li>

        <li>Competition</li>

        <li>Advantages</li>

        <li>Long Term Growth</li>

        </ul>

        </div>

        </div>

      </cfpresentationslide>

      and

      <cfpresentationslide Title="TABLE" duration="14" presenter="Paul">

        <table style="background-image: url('slide_header.jpg'); width: 960px; height: 400px; ">

        <tr>

        <td valign="top">

        <h3>Sales</h3>

        <ul>

        <li>Overview</li>

        <li>Q1 Sales Figures</li>

        <li>Projected Sales</li>

        <li>Competition</li>

        <li>Advantages</li>

        <li>Long Term Growth</li>

        </ul>

        </td>

        </tr>

        </table>

      </cfpresentationslide>

        • 1. Re: CF10 Using background image in cfpresentationslide
          paulwesson_bluedrop Level 1

          After further investigating, it appears that on each slide, the background image has been duplicated 8 times!

           

          Also attempted one slide where I just made the image position: absolute; It only appears once (because it's not a background image) but it still shows on top of the text.

           

          <cfpresentationslide Title="FILE BACKGROUND" duration="14" >

            <html>

            <body>

            <img src="slide_header.jpg" style="position: absolute;">

            <h3>Sales</h3>

            <ul>

            <li>Overview</li>

            <li>Q1 Sales Figures</li>

            <li>Projected Sales</li>

            <li>Competition</li>

            <li>Advantages</li>

            <li>Long Term Growth</li>

            </ul>

            </body>

            </html>

          </cfpresentationslide>

          Untitled-1.jpg