Fonts and png graphics in PPTX do not display the same in Captivate 4

I began developing my elearning in PowerPoint knowing that the animation is easier in PowerPoint than in Captivate. When I imported the PPTX slides, I first noticed the font on my title slide was no longer small CAPs and the positioning has alow changed on the slide. I opened the PPT editor from Captivate and the look of the original slide was displayed. When I saved and PPT and returned to C4, the font changed and the text moved out of the original placement.
Second the graphics used on the slides are .png with transparent backgrounds. The transparency is lost in C4.
Anyone have ideas, suggestions? Are these know issues or bugs? I am running the C4 with the latest patch.
Thanks,

Hi there
If your concern is to end up with a Captivate project that looks exactly like your PowerPoint does, consider configuring PPT to display the slideshow in a window. then surround it with Captivate and record it as it plays via PPT. The end result should be that the Captivate is an exact replica of the PPT.
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Similar Messages

Sometimes a web page appears with only text and no picures. It is not always the same site and does not always happen. If I switch to Explorer for the same web site it always works

Sometimes a web page appears with only text and no picures. It is not always the same site and does not always happen. If I switch to Explorer for the same web site it always works

Thank you, it worked with just F5. I don't know whether CTRL + F5 would work because the problem has not come back yet!

Times and Times New Roman Do not display the same with ADE pdf reader

Anyone an idea why?
(These fonts display the same with MS word and Adobe Acrobate reader)

That looks like a grunged version of Times New Roman. You probably have this font installed, and it's likely conflicting with the standard Times New Roman font.

Page not displaying the same on mobile

When I view the page on a browser it displays fine however much i resize it, the main content stays in place, whereas when i open it on an iphone it is no longer displayed the same. http://dkphotos.net/Portfolio/Wedding%20Photography/Wedding%20Photography.html
Thanks!
HTML:
<!doctype html>
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" >
   <link rel="icon" type="image/gif" href="../../animated_favicon1.gif" >
<title>Wedding Photography</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="layout.css">
</script>
<script src="js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/lightbox/themes/carbono/jquery.lightbox.css" />

<script type="text/javascript" src="js/lightbox/jquery.lightbox.min.js"></script>
<style type="text/css">
a {
          font-size: 15px;
          color: #777777;
body,td,th {
          font-size: 15px;
          color: #444444;
          font-family: "Josefin Slab";
a:link {
          text-decoration: none;
          color: #444444;
a:visited {
          text-decoration: none;
          color: #444444;
a:hover {
          text-decoration: none;
          color: #60baec;
a:active {
          text-decoration: none;
          color: #444444;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style>
ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
li {
float:right;
a{
          display: block;
          font-size: 15px;
          color: #444444;
          font-weight: 400;
li {
          margin-right:30px;
body,td,th {
          font-family: josefin-slab;
          font-style: normal;
          font-weight: 400;
          font-size: 15px;
          color: #444444;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
          color: #444444;
a:hover {
          text-decoration: none;
          color: #60baec;
a:active {
          text-decoration: none;
          color: #444444;
</style>

<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/josefin-slab:n1,n4:default.js" type="text/javascript"></script>
</head>
<div class="wrapOverall">
<body text="#444444" link="#444444" vlink="#60baec" alink="#444444">
<div class="container" id="header container">
   <div class="header"><a href="../index.html"><img src="images/Home-Page_03.png" name="Logo" width="448" height="69" class="logo" id="Logo" onMouseOver="MM_swapImage('Logo','','images/home_03-roll-over.png',1)" onMouseOut="MM_swapImgRestore()" border="0" /></a></div>
<div class="navMain">
          <div class="navMain">
          </li>
          <ul class="navBar"
    style="width: 530px; float: right; font-weight: 400; font-family: josefin-slab; font-style: normal;">
                    <li><a href="../../Contact/Contact.html">CONTACT</a></li>
                    <li><a href="">BLOG</a></li>
                    <li><a href="../../About/About.html">ABOUT</a></li>
                    <li><a href="">PRICING</a></li>
                    <li><a href="../Portfolio.html">PORTFOLIO</a></li>
                    <li><a href="../../Home/Home.html">HOME</a></li>
          </ul>
        </div>
</div>
</div>

<div class="slideshow">
<a href="images/image-1.jpg" class="lightbox" rel="group1"><img src="images/image-1T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-2.jpg" class="lightbox" rel="group1"><img src="images/image-2T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-3.jpg" class="lightbox" rel="group1"><img src="images/image-3T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-4.jpg" class="lightbox" rel="group1"><img src="images/image-4T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-5.jpg" class="lightbox" rel="group1"><img src="images/image-5T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-6.jpg" class="lightbox" rel="group1"><img src="images/image-6T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-7.jpg" class="lightbox" rel="group1"><img src="images/image-7T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-8.jpg" class="lightbox" rel="group1"><img src="images/image-8T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-9.jpg" class="lightbox" rel="group1"><img src="images/image-9T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-11.jpg" class="lightbox" rel="group1"><img src="images/image-11T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-12.jpg" class="lightbox" rel="group1"><img src="images/image-12T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-13.jpg" class="lightbox" rel="group1"><img src="images/image-13T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-14.jpg" class="lightbox" rel="group1"><img src="images/image-14T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-15.jpg" class="lightbox" rel="group1"><img src="images/image-15T.jpg" style="float:left;" width="100" height="100" border="10"></a> <a href="images/image-16.jpg" class="lightbox" rel="group1"><img src="images/image-16T.jpg" style="float:left;" width="100" height="100" border="10"></a> 
</div>

<div id="containerFooter">
<div id="Box1" style="font-family: 'Josefin Slab'">
<p>All content <span style="font-size: 20px">©</span> DKphotos 2013</p>
</div> 
<div id="Box2">
<p><script type="text/javascript">
// BeginOAWidget_Instance_2149022: #OAWidget
          var urlToLike = 'http://www.facebook.com/DKphotos.net';
          if (urlToLike == '') {
            urlToLike = window.location.href;
      urlToLike = encodeURIComponent(urlToLike);
      var font = encodeURIComponent('arial');
document.write ('<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&href='+urlToLike+'&layout=button_cou nt&show_faces=false&width=450&height=150&action=like&font='+font+'&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; border-color:#ffffff; overflow:hidden; width:450; height:150"></iframe>')
// EndOAWidget_Instance_2149022
</script>
</div></p>
</div> 

<hr class="clearing" />
</div> 
</div>
<script type="text/javascript">
jQuery(document).ready(function($){
    $('.lightbox').lightbox();
</script>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body {
          background-image:url(images/bg_body.jpg);
          background-color:#ffffff;
          background-attachment:fixed;
          background-position:top;
.wrapOverall {
          width: 1920px;
          display: inline;
ul.navBar {
margin: 18px 0px 0px 0px;
padding: 0;
white-space: nowrap;
width: 950px;
overflow-x: auto;
display:inline-block;
ul.navBar li {
          display:inline;
.header img.logo{
          float: left;
          margin: 0px 15px 0px 15px;
.container {
          min-width: 1050px;
          padding-bottom:100px;
.slideshow{
          margin-left: 20px;
          margin-right: auto;
#containerFooter {
width: 100%;
min-width: 650px;
max-width: 100%;
#containerFooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0;
margin:0 auto; /*centered*/
overflow:hidden; /*float containment*/
#Box1, #Box2 {
          width: auto;
          min-height: 10px;
          border: 0;
          /*to reduce float drop issues in IE*/
          word-wrap: break-word;
#Box1 {margin-left: 8px; float: left;}
#Box2 {margin-left: 20px; float: left;}
/**Clear floats after the boxes**/
.clearing {
clear:both;
visibility:hidden;
line-height:0;
font-size:1px;
display:block;
.cycle-slideshow {
          width: 100%;
          min-width: 1000px;
          Max-width: 100%;
          padding-top: 100px;
          z-index: -1;
          #containerFooter {
                    width:100%;
                    float:left;
                    #containerFooter {
          position: fixed;
          bottom: -145px;
          z-index: 500;
          background-color: #FFF;

The reason you get only two rows is because the viewport meta tag tells mobile devices to use the actual device width rather than scaling the page. The iPhone browser uses a virtual viewport 980px wide, even though its physical width is only 320px (Android phones do the same, although the size might be slightly different).
Your inline styles set the width of each image as 100px with a 10px border all round. That makes each image 120px wide, so only two will fit in the available 320px. Judging from your screenshot, it looks as though your JavaScript is scaling down the images, which would explain why the images don't fill more of the screen.
Since removing the viewport meta tag has solved your problem, there's probably no need to do anything else on that page. However, you're likely to need it on other pages that contain ordinary content.

How can I put two beats of normal 16th notes and two beats of triplet 16th notes in the same measure?

Hello!
How can I make a measure that has the first two beats as normal 16th notes, then the last two beats as triplet 16th notes? I'm putting the notes straight into the score. Oh, and I'm in 4/4 time.
Exactly what I did:
1. Score>Insert>16th note. Put in 8 notes (2 beats)
2. Score>Insert>triplet 16th note.
This is when it changes the first two beats. I don't want it to do that.
Is it impossible to do this in the score?
Please don't give me an alternate software recommendation.

I don't have your GarageBand Version any longer, so I cannot check, but with GB'11 and Mac OS X 10.8 I get random results - sometimes it succeeds to insert triplets in the second half of the measure, sometimes not.
What I do as a work-around, is to switch to Piano Roll after entering the notes and manually drag and adjust the timing for the triplets.
Or you could set the signature of your project to 2/4 while you are entering the notes. This will put the triplets and 16th-notes into different measures. Then switch back to 4/4 when you are done.
Regards
Léonie
P.S: I'd love to see a better solution to this ...
P.P.S: It will change to display "all triplets" while you edit and insert triplets, but it will switch back to the timing you originally inserted, once you deselect triplets again - this is very buggy - the "all triplets" should only happen, when you are previewing your score with "Snap to Grid" enabled.

Preview and Generate view not displaying the same as design view

RoboHelp HTML Ver 8.0.2.208.
Hi all,
I have a topic that will not generate or preview what is displayed in the design view.
The topic is a table that uses a different image as the background for each cell (from the CSS).
The background images display fine in design view but will not display when previewed or generated. Everything else is displayed but not the backgrounds.
Any ideas.
Thanks
Wowronin

You have this -
</head>
<script>

</script>
<style type="text/css">
#preloader {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
#status {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(ajax-loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
</style>
<body>
In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region. You could have found this in an instant by checking the page here - http://validator.w3.org.

PSE 9 and ACR 6.5.0.216 not showing the same colors

As of this week (it was fine last week) when I "open as" for a raw file ... ACR opens and shows (acr defaults and "as shot".... This was fine until today. Now the colors that I am seeing are dull and lifeless.... when I recover highlights or fill light and open in PSE9 the colors are correct again.
I have not changed the color settings under preferences... it states "none" as it always has. The camera calibration is Adobe Standard (as it always has been). I shoot a D700 and a D7000 and they are both showing up this way in ACR now.

Not sure unless you have accidentally made changes. Are you set to Auto or Default. You could re-set your own default settings for the future.
Try clicking the little dropdown menu icon to the right of the basic panel. Clear imported settings and choose your own default settings to save.

Problem with "Group By" in Views - Not Displaying the Same for All Users

We have an Announcements List with its only View being set up to group by a metadata category field. We've done this many times on other kinds of lists and never had a problem. But with this list, about half the users can see only the ungrouped
set of announcements, whereas others actually see the items within their groups.
Those with "View" rights only can't see the grouped items - but that appears to be a coincidence as I promoted them to the same rights as others who can see them correctly, and that did NOT solve the problem. Everyone is using the exact same browser.
Note: the users who do NOT see the groupings see only a single category entry that displays only the name of the category list (but not the names of the actual categories within the category list). All the announcements are grouped under that one
entry for those users. This display looks exactly like it would if the categories had been left blank when the original announcements were created. But the categories are NOT blank, and the rest of the users can see them just fine, and the announcements display
within their appropriate groups.
I can't find anything in the View, the List Settings, or the User Permissions to explain this. What could be causing it, and how can I fix it?

Browser settings are controlled by central IT and are all identical.
The only difference I can detect is the second set of users (that don't see the category options) have only Read rights, whereas those with Contribute (or above) rights can see the categories. It doesn't make
sense that permissions would affect this, but I can't come up with any other differences.
Microsoft will not allow me to upload images. it says I can't upload images until they have verified my account, but there is no clue as to how, if or when that might happen. If you can tell me how to fix that, I can provide samples.

I have photos on my iPad (the first apple device in our household) and then added an iMac and a macbook air. How do I get all of my photos on all devices. Myoriginal iPad has images not on my 2 newer devices and my 2 new devices do not share the same phot

I have photos on my iPad (the first apple device in our household) and then added an iMac and a Macbook air to our network. We have an airport 2TB back up device. How do I get all of my photos on all devices. My original iPad has images that my 2 newer devices do not have on iphoto.

My original iPad has images that my 2 newer devices do not have on iphoto.
How are the images stored on your original iPad? Are they in the camera roll, in events downloaded using the camera connection kit, or are they in albums synced to your ipad from a computer?
If the photos are in the camera roll or in events downloaded from a camera, you can transfer them to your iMac and MBA by directly connecting the iPad using USB. Then you can download the photos to iPhoto like from a camera.
Only, if your photos have been synced to the iPad from a computer, you will have to save them first to the camera roll; then you can download them by connecting the iPad via USB.
What IOS version has your iPad?
For new photos you might consider using Photo Stream to transfer your photos between the devices.
See: iCloud: Photo Stream FAQ
iCloud: Using and troubleshooting Shared Photo Streams
-- Léonie

Strange scenario,Oracle can not display the data in mysql correctly

I use Heterogeneous Service+ODBC to achieve "oracle access mysql"(any other method?),and now i find Oracle can not display the data in mysql correctly:
-------mysql------------
mysql> create table tst(id int,name varchar(10));
Query OK, 0 rows affected (0.00 sec)
mysql> insert into tst values(1,'a');
Query OK, 1 row affected (0.00 sec)
mysql> select * from tst;
------------+
| id | name |
------------+
| 1 | a |
------------+
1 row in set (0.00 sec)
mysql> show create table tst\G
*************************** 1. row ***************************
Table: tst
Create Table: CREATE TABLE `tst` (
`id` int(11) DEFAULT NULL,
`name` varchar(10) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8
1 row in set (0.00 sec)
-------------oracle ------------------
SQL> select count(*) from "tst"@mysql;
COUNT(*)
49
SQL> select * from "tst"@mysql;
id
1
SQL> desc "tst"@mysql;
Name Null? Type
id NUMBER(10)

You can make the following query on the result page:
"select * from the_table where movietitle = ? and cinema = ?"
then you set movietitle and cinema to those which the user selected. If the resultset contains more than 0 rows, that means the movie is available.
Below is the sample code, it assumes you have a connection to the database:
PreparedStatement stat = myConnection.prepareStatement("select * from the_table where movietitle = ? and cinema = ?");
stat.setString(1, usersMovieTitleSelection);
stat.setString(2, usersCinemaSelection);
ResultSet res = stat.executeQuery();
if (res.next()) {
out.print("The movie is available");
} else {
out.print("The movie is not available");
}Now just add that to your JSP page. Enjoy ! =)

I miss not having the same fonts as cs3 ie Bradshaw, Lucinda and papyrus. How can I access these.

I miss not having the same fonts as cs3 ie Bradshaw Handwriting, Lucinda and Papyrus. How can I access these on cs5? I have not found the fonts for this program to my liking.

I can't find any reference to a handwriting font named Bradshaw anywhere. Are you sure you have the name right? ITC Bradley Hand Regular, along with Papyrus and the Lucida (no "n") family are all included with recent versions of Windows, though, and should be in your font list in CS5 if you are, in fact, running Windows.
Is this the same machine that has CS3 installed? Did you remove CS3? Do the fonts show up in any other programs? Indesign can see fonts that are installed in the system fonts, the Common Files > Adobe > Fonts folder, and the private fonts folder for InDesign in the application folder. If the fonts show in CS3, but not elsewhere, they are probably in the CS3 InDesign Fonts folder.

Error message from Adobe Reader. cannot extract the embedded font 'LICCMC+MyriadPro-Light'. some characters may not display or print correctly. Print looks like gibberish

Trying to view/print PDF documents from website. Print looks like gibberish and is unreadable. Problem is with the embedded fonts. Error message from Adobe says cannot extract the embedded font 'LICCMC+MyriadPro-Light'. some characters may not display or print correctly.

Try Adobe support, that's not a Firefox support issue. <br />
http://forums.adobe.com/index.jspa

Embedding fonts in an existing pdf that does not have the fonts embedded

Hi,
I have an existing pdf that fails to open on my ereader.
So I opened in acrobat x pro to see what might be the cause.
Selecting "file"--> "properties" -->"font" ( fonts used in this document) I can see that this pdf uses multiple windows trueType fonts and that none of them are embedded in the pdf document.
Now my ereader is linux bases, so I am guessing this might be a problem.
Being an ereader I didn' give me much to go on.
So i would like to embed all the fonts listed in this list into the pdf file and save it again with the fonts embedded.
I went to "file"-->"save as optimized pdf" -->"font"
But there both lists embedded and unembedded fonts are empty.
Why is this and how can I embed the fonts shown in the document properties into the pdf?
They seem standard windows fonts like e.g. ArialNarrow

I just looked a bit furder and actually checked wether the fonts existed and found the following:
I am using windows vista.
The fonts mentioned in the properties of the pdf actually exist in the windows installed fonts but
in windows they are no longer TrueType but OpenType.
So I am guessing this might be the reason they are not in the list of unembedded fonts in the optimizer window.
Is there an easy way to say to acrobat to replace one font ( not found on this computer) with another font that does exist and also to embed that font in the pdf document?

Firefox is not displaying the correct font color on my blog, but other browsers are.

I have a web designer issue. Firefox is not displaying the correct font color on the header in my blog. Explorer, Chrome, and Safari have no problems. The page is in css but this particular section has html code o designate color. The code is as follows:
<font face="helvetica" color="FF9966" size="1">blog</font>
Though all other browsers display the light orange color designated, Firefox displays white. Strangely, if if retype the code by spelling out a color, Firefox displays it correctly. i.e.
<font face="helvetica" color="black" size="1">blog</font>
... will give me black. You can see the effect by viewing the link below and looking at the word "blog" in the header, which should be light orange but is not in Firefox.

Actually it also seems to work in the current Firefox 4 beta as it is.
The code is not right though - the correct syntax for the color attribute with hex values is with a # at the start, so:
color="#FF9966"
It might work in Firefox 3.x if you change that.

I conditionalized my graphics in FM to not display before linking; still have space where graphic wa

Using FM10/RH9/Windows XP
I conditionalized all of my graphics in Framemaker to not display before I linked the book file to RH. On the Conversion Settings dialog box in the FrameMaker Settings list box, I selected Other Settings and then selected the Apply FrameMaker Conditional Text Build Expression so that the anchored frame would not display as an empty line in RH. But the space is there. This used to work fine.
In FM, all images are wrapped in a fig tag. Everything looks great in FM, great in RH, not so great in FlashHelp.
Thanks for the help.

We are using conditional text to put a BETA watermark in the left margin of the doc. No other conditions than that.
I actually used FrameSLT to write a script to conditionalize the graphics. This is the expression I used:
self::Fig[image]
By text markers, do you mean the Show Condition Indicators on the Show/Hide Conditional Text dialog box?

Fonts and png graphics in PPTX do not display the same in Captivate 4

Similar Messages

Maybe you are looking for