Background movie not centered

i have a quicktime movie 720x540 that i've imported as the background movie but it's not centering it. it's cropping/shifting it. anyone know anything about this? can't find any info about the issue. tried different sizes and still no good.

Simplify your CSS with shorthand.
body {
overflow:hidden;
background-image: url(../assets/images/bg.jpg);
background-position-x: 50%;
background-position-y: 0%;
background-position: center top;
background-color: #000000;
background-repeat: no-repeat;
body {
background: #000 url(../assets/images/bg.jpg) no-repeat center center;
Nancy O.

Similar Messages

Background movie not importing in Widescreen.

I have a FCE project in widescreen mode, and I am trying to import it into my Livetype project, which is also widescreen.
However, whenever I try to place it as a background movie, it is squashed to the regular size.
Am I doing something stupidly wrong?

You will likely need to change the Project Properties. In Live Type go to Edit>Project Properties
There are some presets there for HD 16x9 but they may not match your settings in FCE. If that is true then you will need to select the "custom" option in Project Properties and match them to the setting you have in your FCE proect

Page not centering and background repeat issue in Safari

I recently put up a new website. It seems to be working and displaying fine in IE, Chrome and FF. My problem is Safari. The page is not centering (going left) and I'm also having a problem with
the background image of my FOOTER div not repeating. I'm sure this is something simple (ie:stupid) I did but it just eludes me. The other interesting thing is that the background image for the footer
(which is the grass image) is actually 1024px wide but it's not displaying it fully or else it's compressing it. Here's a link to the website. Any insights are appreciated. I am using Safari on an iPad if
that matters.
www.cardinalwood.com
Donna

Non-breaking spaces should not be used as a layout device.
<p>We are members of these fine NC Organizations.
&nbsp
Click the logos to learn more.</p>
It's much better to use CSS to control alignment of elements on your pages.
<p style="float:right: text-align:center">We are members of these fine NC Orgnizations <br />
Click the logos to learn more.</p>
You have a couple of CSS errors that need attention.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. cardinalwood.com%2F
The iPad display is 768px wide in portrait view and 1024px wide in landscape view. Which view are you using to test your site?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Nested DIV's Not Centering

Hello,
On my page I'm working on, one of my div's is not centering correctly. The class applied has margin set to auto, but the image in the tag is still justifying to the left. The class the is not displaying correctly is .portfolio-center.
Here is the page:
http://littlechisel.com/clients/little-chisel-new/print.html
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/little-chisel-styles.css" rel="stylesheet" type="text/css" />

<title>Little Chisel Design Print</title>



<script type="text/javascript">
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_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_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>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30573696-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body onload="MM_preloadImages('images/print-over.jpg','images/web-over.jpg','images/logos-over .jpg','images/bus-id-over.jpg','images/photo-ret-over.jpg','images/about-over.jpg','images /contact-over.jpg','images/facebook-over.jpg','images/twitter-over.jpg','images/linked-in- over.jpg','images/pinterest-over.jpg')">
<div id="wrapper">
          <div id="header">
              <div id="header-box">
                  <div id="template-social-media-links"><a href="https://www.facebook.com/pages/Little-Chisel-Design/194073243948201?ref=stream&__req=r" target="new" onmouseover="MM_swapImage('facebook','','images/facebook-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/facebook.jpg" alt="Facebook" width="31" height="29" id="facebook" /></a><a href="https://twitter.com/ChiselDesign" target="new" onmouseover="MM_swapImage('twitter','','images/twitter-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/twitter.jpg" alt="Twitter" width="31" height="29" class="social-media-links" id="twitter" /></a><a href="http://www.linkedin.com/profile/view?id=117449571&goback=%2Enmp_*1_*1_*1_*1_*1_*1_*1_*1_*1 &trk=spm_pic" target="new" onmouseover="MM_swapImage('linked-in','','images/linked-in-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/linked-in.jpg" alt="Linked In" width="31" height="29" class="social-media-links" id="linked-in" /></a><a href="http://pinterest.com/littlechisel/" target="new" onmouseover="MM_swapImage('pinterest','','images/pinterest-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/pinterest.jpg" alt="Pinterest" width="31" height="29" class="social-media-links" id="pinterest" /></a></div>
                        <div id="template-header"><a href="index.html"><img src="images/logo.jpg" width="466" height="174" alt="logo" /></a><img src="images/tagline.jpg" alt="Shaping Ideas Into Graphic Art" width="391" height="110" class="tagline" /></div>
                        <div id="template-nav-bar">
                                    <div id="template-nav-bar-color"></div>
                                    <div id="template-nav-bar-links"><a href="print.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('print','','images/print-over.jpg',1)"><img src="images/print.jpg" alt="Print" width="54" height="26" id="print" /></a><a href="web.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('web','','images/web-over.jpg',1)"><img src="images/web.jpg" alt="Web" width="53" height="26" id="web" /></a><a href="logos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logos','','images/logos-over.jpg',1)"><img src="images/logos.jpg" alt="Logos" width="58" height="26" id="logos" /></a><a href="business-identity.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('business-id','','images/bus-id-over.jpg',1)"><img src="images/bus-id.jpg" alt="Business Identity" width="116" height="26" id="business-id" /></a><a href="photo-retouching.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('photo-ret','','images/photo-ret-over.jpg',1)"><img src="images/photo-ret.jpg" alt="Photo Retouching" width="122" height="26" id="photo-ret" /></a><a href="http://about.me/kathy.moncelsi" target="new" onmouseover="MM_swapImage('about','','images/about-over.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/about.jpg" alt="About Me" width="77" height="26" id="about" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/contact-over.jpg',1)"><img src="images/contact.jpg" alt="Contact" width="77" height="26" id="contact" /></a></div>
                          </div>
                    </div>
          </div>

<div id="content">
          <div id="content-box">
            <div class="portfolio-text-first">
                              <p class="category">PRINT DESIGN</p>
                        <p class="title">Here's to Good Food<br />
                          <span class="description">Cookbook Cover</span></p>
            </div>
                              <div class="portfolio-full-width"><img src="images/print-htgf.jpg" width="709" height="510" alt="Heres to Good Food Book Cover" />
            </div>
            <div class="portfolio-text">
<p class="title">A Movie Lover's Guide to Film Language<br />
<span class="description">One Sheet DVD Promotion</span></p>
                                </div>
            <div class="portfolio-center"><img src="images/print-movie-lovers-onesheet.jpg" width="485" height="627" alt="Movie Lovers One Sheet" />
            </div>
                              <div class="portfolio-text">
<p class="title">Kaya Mansa Wellness<br />
<span class="description">Business Card and Label Design</span></p>
                                </div>
            <div class="portfolio-print">
                                        <div class="print-left"><img src="images/print-kaya-lily.jpg" width="350" height="255" alt="Asian Lily Label" />
                                        </div>
                                 <div class="print-right"><img src="images/print-kaya-cedar.jpg" width="350" height="255" alt="Atlas Cedarwood Label" />
                        </div>
                                        <div class="kaya-print-left-bottom"><img src="images/print-kaya-berry.jpg" width="350" height="255" alt="Goji Berry Label" />
                                        </div>
                                        <div class="kaya-print-right-bottom"><img src="images/print-kaya-lavender.jpg" width="350" height="255" alt="Lavender Label" />
                </div>
                                        <div id="print-kaya-card"><img src="images/print-kaya-card.jpg" width="407" height="233" alt="Kaya Mansa Business Card" /></div>
                              <div class="portfolio-text">
<p class="title">Silver Line Windows<br />
<span class="description">Mailers, Literature and Sales Catalog Covers/Pages</span></p>
                                </div>
            <div class="portfolio-print">
                                          <div class="print-left"><img src="images/print-sl-mailer1.jpg" width="350" height="453" alt="Trade Show Mailer 1" />
                                        </div>
                                         <div class="print-right"><img src="images/print-sl-mailer2.jpg" width="350" height="453" alt="Trade Show Mailer 2" />
                                        </div>
                              </div>
                              <div class="portfolio-print-under">
                         <div class="print-left-pitch-cvr"><img src="images/print-sl-pitchcover.jpg" width="406" height="382" alt="Sales Catalog Cover" />
                                        </div>
                                        <div class="print-right-pitch-page"><img src="images/print-sl-pitchpage.jpg" width="292" height="382" alt="Sales Catalog Page" />
                        </div>
                              <div class="portfolio-print-under">
                                        <div class="print-left"><img src="images/print-sl-bindercover.jpg" width="350" height="364" alt="Sales Binder Cover" /></div>
                <div class="print-right"><img src="images/print-sl-binderback.jpg" width="350" height="364" alt="Sales Binder Back" /></div>
                              </div>
            <div class="portfolio-print-under">
              <div class="print-left"><img src="images/print-sl-8500cover.jpg" width="350" height="458" alt="Series 8500 Literature Cover" /></div>
              <div class="print-right"><img src="images/print-sl-8500page.jpg" width="350" height="458" alt="Series 8500 Literature Page" /></div>
            </div>
                              <div class="portfolio-text">
<p class="title">Windows Plus<br />
<span class="description">Weather-Weld Literature</span></p>
                              </div>
            <div class="portfolio-center"><img src="images/print-sl-weatherweld-cvr.jpg" width="350" height="442" alt="Weather Weld Literature cover" /></div>
            <div class="portfolio-full-width"><img src="images/print-sl-weatherweld-pages.jpg" width="709" height="461" alt="Weather Weld Literature Pages" /></div>
            </div>
                              </div>
          </div>
</div>

          <div id="footer">
                      <div id="template-footer">
                        <div id="template-footer-links"><a href="index.html">Home</a> | <a href="print.html">Print</a> | <a href="web.html">Web</a> | <a href="logo.html">Logos</a> | <a href="business-id.html">Business Identity</a> | <a href="photo.html">Photo Retouching</a> | <a href="http://about.me/kathy.moncelsi" target="new">About Me</a> | <a href="contact.html">Contact</a></div>
                                <div id="template-footer-left">Little Chisel Design | <a href="mailto: [email protected]">[email protected]</a> | 848.219.2385</div>
                               <div id="template-footer-right">©2013 All Rights Reserved | Web Design by Little Chisel Design</div>
                    </div>
          </div>
</div>
</body>
</html>
@charset "utf-8";
.portfolio-text-first {
          font-family: Tahoma, Geneva, sans-serif;
          margin-right: 137px;
          margin-left: 137px;
          padding-top: 10px;
          color: #7B0909;
.portfolio-print-under {
          width: 983px;
          margin-top: 10px;
.print-right-pitch-page {
          width: 846px;
          margin-left: 554px;
.print-left-pitch-cvr {
          float: left;
          width: 406px;
          margin-right: 10px;
          margin-left: 137px;
.kaya-print-right-bottom {
          width: 847px;
          margin-left: 497px;
          margin-top: 10px;
#print-kaya-card {
          width: 407px;
          margin-left: 288px;
          margin-top: 10px;
.kaya-print-left-bottom {
          float: left;
          width: 350px;
          margin-right: 10px;
          margin-left: 137px;
          margin-top: 10px;
#index-footer {
          font-family: Tahoma, Geneva, sans-serif;
          font-size: 10px;
          color: #7b0909;
          font-weight: bold;
          margin-right: auto;
          margin-left: auto;
          width: 983px;
          margin-top: 10px;
html,
body {
          margin: 0;
          padding: 0;
          height: 100%;
          background-image: url(../images/sand-texture.jpg);
          background-repeat: repeat;
          background-attachment: fixed;
#wrapper {
          min-height: 100%;
          position: relative;
#wrapper-index {
          width: 983px;
          margin-right: auto;
          margin-left: auto;
#header {
          padding-top: 10px;
          padding-bottom: 0px;
          padding-left: 0px;
          background-image: url(../images/sand-texture.jpg);
          background-repeat: repeat;
          width: 100%;
          background-attachment: fixed;
          margin-right: auto;
          margin-left: auto;
#content {
          padding-bottom: 35px;
          width: 983px;
          margin-right: auto;
          margin-left: auto;
          background-attachment: fixed;
#footer {
          width: 100%;
          height: 35px;
          position: fixed;
          bottom: 0;
          left: 0;
          background-image: url(../images/sand-texture.jpg);
          background-repeat: repeat;
          padding-top: 15px;
          padding-bottom: 5px;
.portfolio-full-width {
          width: 846px;
          margin-left: 137px;
          margin-top: 10px;
          margin-bottom: 20px;
.print-left {
          float: left;
          width: 350px;
          margin-right: 10px;
          margin-left: 137px;
.print-right {
          width: 847px;
          margin-left: 497px;
#template-social-media-links {
          width: 133px;
          margin-top: 5px;
          margin-left: 850px;
#index-social-media-links {
          width: 983px;
          margin-right: auto;
          margin-left: auto;
#header-box {
          margin-left: auto;
          width: 983px;
          margin-right: auto;
#template-header {
          width: 983px;
.tagline {
          margin-left: 126px;
#template-nav-bar {
          width: 983px;
#template-nav-bar-color {
          background-color: #7b0909;
          height: 26px;
          width: 426px;
          float: left;
#template-nav-bar-links {
          background-color: #7b0909;
          height: 26px;
          width: 557px;
          margin-left: 426px;
.social-media-links {
          margin-left: 3px;
#template-movie {
          height: 355px;
          width: 983px;
#template-editable-area {
          width: 983px;
          margin-right: auto;
          margin-left: auto;
#content-box {
          margin-right: auto;
          margin-left: auto;
          width: 983px;
.category {
          font-size: 16px;
          font-weight: bold;
.title {
          font-size: 13px;
          font-weight: bold;
#template-footer {
          font-family: Tahoma, Geneva, sans-serif;
          font-size: 10px;
          color: #7b0909;
          font-weight: bold;
          margin-right: auto;
          margin-left: auto;
          width: 983px;
#template-footer-left {
          width: 491px;
          float: left;
#template-footer-right {
          width: 492px;
          margin-left: 491px;
          text-align: right;
a {
          color: #7D441F;
a img {border: none;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
          color: #7D441F;
          border: none;
    outline: none;
a:hover {
          color: #7B0909;
          border: none;
          outline: none;
a:active {
          text-decoration: none;
          color: #7D441F;
          border: none;
    outline: none;
#index-squares {
          height: 355px;
          width: 983px;
#portfolio-print {
          width: 983px;
.portfolio-text {
          font-family: Tahoma, Geneva, sans-serif;
          margin-right: 137px;
          margin-left: 137px;
          padding-top: 10px;
          color: #7B0909;
          margin-top: 20px;
.portfolio-center {
          width: 983px;
          margin-left: auto;
          margin-right: auto;
.portfolio-print {
          width: 983px;
          margin: auto
.description {
          font-size: 13px;
          font-style: italic;
          font-weight: normal;
#template-footer-links {
          width: 983px;
          text-align: center;
          margin-bottom: 10px;
          font-size: 11px;
.slideshow {
          height: 355px;
          width: 983px;
          margin: auto;
          background-color: #7B0909;
          background-image: url(../images/index-squares-bkrd.jpg);
Thank you!

Use text-align center and apply the center class to a paragraph tag.
.center {text-align:center}
<p class="center"><img src="images/print-movie-lovers-onesheet.jpg" alt="Movie Lovers One Sheet" height="627" width="485"></p>
Nancy O.

Keeping image in place while background moves?

Title may not be the best... I have video I am working on that only uses still images that I move by zooming and such... My background zooms out during the video, and I would like to keep an image placed on the background (some flags for the top of arch) As the background moves my images are not moving with the background and get out of place, and ideas? I'm sure this is a simple one and I know how it is done with a video using motion tracker of course I can't use motion tracker for this one, I also know i can key frame the flags in position but anything easier would be best. Thank you!

Because your source materials are still images, it may be very easy to composite these elements in a single precomp/nested comp, then move the entire precomp as a whole.
If none of your elements move until you put position/scale animation on them, you could create the flag+castle composition in Photoshop. That might be the easiest way.
If you have already created the "zooming" animation on the background layer and want to be sure that other layers animate similarly, you can parent multiple layers to the background (animated) layer. By opening the "Parent" column and linking the child (flag layer) to the parent (background), you'll be able to edit the flag even though it follows the animation of the background.
Parenting and Child Layer Resources on Adobe

Placing background movie/project settings

I am lerning Livetype via a lynda.com tutorial. It says that if I'm using DV that my project settings should be set to DV NTSC 3:2, however my footage is shot in 16:9. What setting should I use. Do these settings only affect the placement of my type or do they affect the quality as well?
When I place a background movie that I exported from FCP and I use the DV NTSC 3:2 setting the picture is squeezed as I would expect, however, when I swith the settings to 1080I 16:9 the movie just occupies the upper left corner of my canvas. What am I doing wrong?
Thanks in advance!!!!!!

Hopefully I am not leading you astray here. Try using the NTSC 3:2 (or is it 4:3?), and then change the height and width settings to match that of the widescreen (16:9). Kind of bizarre that it doesn't have a common preset.
From the FCE4 manual (http://support.apple.com/kb/index?page=answerlink&url=http%3A%2F%2Fmanuals.info. apple.com%2Fen%2FFinalCut_Express_4_UserManual.pdf&answerid=16777224), you can find frame size for NTSC on page 1065. This information might also be in your FCP manual.

Placing Background move issue - Live type

I'm having trouble with placing a background movie in live type. I encoded a 5 second movie in HDV 1080i60... I've set my project properties to HDV1080i60 and when I place the movie in the background it squeezes it to 4:3. Am I missing something? Thanks for any help!
John

Thanks Christina. I've set my project properties to 1080i60 and encoded my video using compressor and using a Quicktime conversion. they both output the correct file. my canvas in LIve Type is set to the 1080i60 but when I place the movie it snaps to what looks like a 4:3 format.
When I check my project props after placement, the size switches to "custom" but still retains the 1440 x 1080 width and height.
Thanks for your quick response to my issue by the way... I 'm still not clear as to what is happening. I was able to use the "place" options instead of "place background movie"....my canvas stayed at the 16:9 ratio but my video was somewhat narrower. I used the transform capabilities (the handles on the placed video) of the video and the canvas as a guide and just sized it to the right ratio.
Hope this isn't too complicated of a reply
and Thank again for the reply

Background movie and drop zones?

Hello everyone, I'm Dion (David's son), and I'm trying to make an iDVD theme which has a custom moving background and drop zones.
I'm modifying the theme "Sliding Panes", which has seven drop zones. When I drag my custom movie either to the background of the theme or to the Background well in the Settings pane, the background movie is applied, but the drop zones disappear. I've tried everything I can think of (which isn't much, I'm not an iDVD veteran) to avoid this, which includes opening the Drop Zone Editor and then trying to drag the movie to the Background well, which, obviously, doesn't work.
I would sincerely appreciate any advice or answer anyone has - even if it doesn't work.

If you replace the theme background with anything you're going to remove the drop zones that are designed to play within that theme's background. I guess it has "holes" in the background where the drop zones play. You would have to have transparent spots in your movie so the drop zones would play thru. Even then I'm not sure replacing the theme background wouldn't remove the drop zones from use.
You could try the following. Select the sliding panes theme and make it a favorite. The in your User/Library/iDVD/favorites folder find that theme, go into the them package, locate the Contents/Resurces folder in there and substitute your movie for the backgroundmoive that's in there. You'll have to rename your movie accordingly. That may do it. Be sure to do it on a favorite copy so in case it doesn't work you can just remove that them from that folder.
Hope this has been of some help. Good luck.
OT

Poster image not centering in browser

My poster image (for viewing in IE8) is not centering in the browser window. It's displaying as left aligned with a big gap to the right of the image. How do I fix?

Thank you Hemanth, that is exactly what I am referring to. One final question though, as I am by no means an HTML guru...do I add the snippet while I'm in Edge or do I open the HTML file in Dreamweaver and add the code there?
If in Edge, where do I access the code to add it (and where does it go)?
If in Dreamweaver...here is the code for my file, where would I place the snippet?
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
          <title>Untitled</title>

    <script type="text/javascript" charset="utf-8" src="FEA2014_Invite_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-450331542 { visibility:hidden; }
    body {
          background-color: #000000;
    </style>

</head>
<body style="margin:0;padding:0;">
          <div id="Stage" class="EDGE-450331542">
          </div>
</body>
</html>
I GREATLY appreciate this advice!
Many thanks,
James

Magic Move not scaling text

Hi - despite assurances from the manual and the help files, I cannot get Magic Move to scale and move a text box - it just dissolves instead. This from a single slide with nothing else on it, duplicated and then the text moved and resized.
Any ideas?

Using Grab or any other screen grab application will indeed copy the background color behind the text. In some cases that won't matter, but if you have a gradient background color or something more complex than a solid color, it could be an issue. Also, if you have another object behind the grabbed text, the background will also be visible. Instant Alpha can help, but we can detect flaws in text more than in other graphics, so the results may be disappointing.
If you do use the screen grab method, if backgrounds are not a problem, and your text is being scaled up, then use this technique with the text created in Keynote in its largest size, and then copy and paste accordingly across the Magic Move transition. Since you are creating bitmapped images, text will look a bit chunky if scaled up too large, but scaling down will look fine. Keep in mind you can "reverse engineer" a Magic Move (i.e. create an object in the second slide, copy and paste it into the first, scale down, etc.).
Or you can avoid all this work and just created the vector-based text from another app, as I outlined in my previous post. All issues of backgrounds and text scaling are eliminated.

Background browser not always appearing

this is a weird problem, it appears on some computers, but not others, eg appears on both my mac and pc, but not on my ipad or iphone. I used filezilla to upload. The background browser is an image from iphoto. My website is cobbity.com
Any advice would be apreciated!

To clarify:
An iPad/iPhone/iPod touch displays the content of a page.
Your page is 1006px wide.
iPad scales a page horizontally to fit the screen. iPhone scrolls.
A background in not part of the content.
Here are some sample iWeb pages made for the iPad. The centered shaded background displays well on a large monitor, but does not show on an iPad.
http://cultureclub.dailynews.webege.com/
http://roodhout.dailynews.webege.com/
http://ipad.dailynews.webege.com/
And this site shows which width and height will fit nicely on an iPad screen. It allows you to find out what textsize can be read with different pagewidths.
http://myipad.atspace.com/
All pages are intentionally designed not to scroll.

In DVDSP3, I wanted to to open the file "Background.mov"

In DVDSP3, I wanted to to open the file "Background.mov" that's part of an Apple template. But the template folder is empty, and a search for the file doesn't find it. However, both the template and the mov file are working. How do I find/open such things?

right click on the dvd app to show "package contents"
remember that it's dicey changing these stock templates.
Best not to do it this way.
create your own in FCP or AFX

How to make the background move over when a movie clip hits the edge

ok so the idea here is to make a page with written content on it. the conent will not be able to be seen unless the user hits the arrow keys on there key board. So i need to make a group of objects i can make into a movie clip and than inside that movie clip make an animation that plays the squirrel running. i will pause here to ask two things i dont know how to do i want the squirrel to have an animation when standing still where it flicks its tail (like a real squirrel would). and also how would i flip the squirrel so when the left key is pressed it points left and when the right arrow is pressed it faces left? and my main question when it reaches the edge of the stage the extended background that runs off stage moves over to reavel more content. as well as not have the squirrel run off stage? in short i am using the squirrel to view the full pages content.

You're asking for quite a bit and aren't likely to get anyone to hand you a detailed solution. Here's some things to think about.
As far as flicking the tail goes, that's something you'll have to work out as an animation. You could do it as a timeline animation and/or as a coded animation where you adjust the rotation and other properties of the tail.
Getting the object to face left and right ican be a simple matter of changing its xscale property from 1 to -1 depending on which way it normally faces (1).
If you don't have a problem making the squirrel move to the edge, then you should have no problem making the background move either. You just need to continually check the squirrel x property to know when it hits the edge. Personally, I would only move the background and leave the squirrel in the center.

Foreground and background movies playing simultaneously

Can Acrobat 9 Pro allow a smaller, foreground movie to playing simultaneously on top of a larger background movie?
Here are my slide design criteria. I need to have a single slide show with a movie that takes up the full size of the slide. It will start automatically and loop continuous when opened. I need to have additional movies appear on top of the large background movie, and start only when clicked. These smaller sized movies would be invisible till clicked; they are zoomed in versions of certain areas of the larger background. I think of them as Hotspots.
Once the Hotspot movie is done playing, I need it to become invisible again. I will need to have 6-8 of these Hotspots; they will not overlap each other, but certainly will lay on top of the larger background movie.
1.What’s the best way to insert these Hotspot movies?
2.How can I get them to be invisible before and after play?
3.Can I make them available if the presenter wanted to show the hotspot movie more than once?
4.How can I make them use separate movie player player sessions?
5. How can I keep the background movie playing behind the hotspot playing in the foreground?
The goal is to keep the audience focused on the single slide and view these zoomed-in, closeup movies as the presenter chooses during the presentation.
If there is any way to do this, i'd be keenly interested in the details.
thanks!

It can't be done using separate rich media annotations, but you could make the entire thing as a single SWF file using Flash Pro, and embed that full-page in your PDF document.

[Advanced] Sudden 'Movie not loaded' error with multi-swf flex application

Hello!
We've stumbled across a very strange problem, which we can't reproduce regulary, and therefore can't find a way to debug it.
Our flex application consists of multiple .swf-files, each containing a piece of functionality we call module (though it's not a regular flex module), which interact with other modules in the application.
But sometimes user interaction lead to the following problem. Some block of the application (which originated from certain module) becomes black, and right-clicking on it brings 'Movie not loaded' context menu item. After some time, the whole application becomes 'not loaded'.
I have no idea of the cause of such a behaviour. I suppose some changes were introduced in Flash Player 10.2 - we didn't experience this problem before.
Adobe guys, may you direct us and give us an advice on how to debug such a problem, and what might be a cause?
It look like this:
1)
(in black area was a window similar to the one in background)
2)
(After right-click. You can see flash player version here)
We're completely lost, and will really appreciate any help or advice.

use an online tracer and network monitor to see what you're doing.

Background movie not centered

Similar Messages

Maybe you are looking for