Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    May 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why the background images go down?

    Hi,

    I have the following code on my form. The problem is that the Flash movie which is (900 x 600 px) gets shrink and sits on top of the page. And the background image goes down of that flash movie.

    What I want now is, the flash movie (.swf) should be exactly on page and the background image should be sized from top to bottom (not below the Flash movie). How can resolve this issue.

    HTML Code:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <head>
    <title>BACKGROUND TESTING DEMO</title>
    <body>
    <link rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    
    <title>DEMO</title>
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="Demo.swf" />
    <param name="quality" value="best" />
    <embed src="Demo.swf" 
    quality="best" 
    width="100%" 
    height="100%" 
    name="Demo" 
    align="middle" 
    allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
    
    </body>
    </head>
    </html>
    CSS Code:
    Code:
    body {
    	margin: 0;
    	padding: 0;
    	background: #CAA765 url(images/myBackgroundImage.jpg) repeat;
    }
    Thanks in advance for any help.

    Note: I am just a learner and trying to modify with the downloaded coded.

    I just changed the following CSS Code to the following:

    Code:
    html, body{
    	height:100%
    }
    
    body {
    	margin: 0;
    	padding: 0;
    	background: #CAA765 url(images/myBackgroundImage.jpg) repeat;
    }
    Now, the flash file is in full view (doesn't shrink) but I can't see my background. Please help.

    I got it. Its working fine now. I have added the following two lines of code (in HTML):

    Code:
    <PARAM NAME=wmode VALUE=transparent>
    wmode="transparent"
    Last edited by learner_7n; 05-24-2012 at 09:12 AM.


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •