Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member irishlass25's Avatar
    Join Date
    Dec 2010
    Posts
    6
    Member #
    25607
    I am trying to get 80 pixels of green background color to show above my flash video. Before, the video was playing at the very top of the screen, so I targeted the body tag and added 80 pixels to push the flash down. In "live view" it works correctly, and I see the flash file bump downward. However it publishes that top 80pixels as all white, not green, in all the browsers!

    I'm attaching a screenshot of my code.....any ideas??? Thank you so much!
    Attached Images Attached Images

  2.  

  3. #2
    Junior Member irishlass25's Avatar
    Join Date
    Dec 2010
    Posts
    6
    Member #
    25607
    here's what it looks like in browsers

    I forgot to show what it looks like in a browser. Here's the pic, see the white strip? It doesn't show up as white in Live View.
    Attached Images Attached Images

  4. #3
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    Padding for flash div

    Hi,
    I see you have your flash in a div called flashContent or something like that.
    Instead of adding padding to the body,
    add top-padding:80px; to the flashContent css and it should work.
    P.S I had trouble getting your image up a second time and I couldn't exactly remember the code.
    Good Luck

  5. #4
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    Ammendment to first post

    I have just got the pic to load again.
    I think the flashContent div is just the div for the image if the browser doesn't support that version of flash.
    I would create a new div and insert your flash file into that inside the body and then css the padding at the top of that div.

    #flashBox{ top-margin:80px;} *** it may need to be top-padding!!!

    <body>
    <div id-"flashBox">
    <div id="flashContent"><!-- all of the stuff that is already in here blah blah <a href=""> --> </div>
    </div>
    </body>
    I hope that helps
    Happy new year

  6. #5
    Junior Member irishlass25's Avatar
    Join Date
    Dec 2010
    Posts
    6
    Member #
    25607
    yay!

    awesome, thank you soo much! That did the trick!! (A new div, and inside the body tag).

    Now, there's a new weird glitch...as soon as I moved the flash out of the <head> tag, which is where it was (incorrectly, probably) the flash no longer loads in Firefox. It played great outside of the body tag, and won't inside of it. Any ideas?? I'm attaching new screen shot...

    You're the best, thanks soo much for taking the time to reply! :-)
    Attached Images Attached Images

  7. #6
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    flash object

    I prefer to use the html object rather than the java script version as you have used.
    Are you using the java for a specific reason?
    It looks like you are using dreamweaver on a mac. I am using CS4 on mac
    The code for that looks like.
    You can see that dreamweaver has created a script folder to put the javascript in.
    My code looks like this
    <!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>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    </head>

    <body>
    <object id="FlashID" classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="960" height="327">
    <param name="movie" value="sunshine-coast-band-flash/industry-of-kool.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you donít want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="sunshine-coast-band-flash/industry-of-kool.swf" width="960" height="327">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
    <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
    <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
    </object>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </body>
    </html>

    If you go back to putting it in the head of your document if you need to use the javascript version you might be able to ad vspace="80" or add
    the css into the line that says
    swfobject.createCSS("body" "padding-top:80"
    There is also some help from google in relation to this at
    documentation - swfobject - Embedding Adobe Flash Player content using SWFObject 2 - Project Hosting on Google Code
    Hope some of this helps

  8. #7
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    If you want the video to play in the flashContent div, you should move the Javascript code to that div rather than the flashBox one.

    You'll also want to put the code pertaining to getting the Flash player inside of <noscript> tags.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:39 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com