November 25, 200817 yr Hi, I need to position a swf. file on top of a background image which is in css. I need the swf file to be about 80% along the length of the background image and about half way down, has anyone got any ideas for code, or positioning swf files in css at all?? Thanks!
November 25, 200817 yr Hi If I got your inquiry right, you would need nested Divs. The first dive will be for your background image and another div nested inside your first div for the flash swf file. For the nested div, you would need to put a margin of about 20% depending if you want the nested div floated either on the left or right of your main div. Pls make sure you test this in Internet Explorer as sometimes nested divs do not come out right with this browser. Thanks
November 25, 200817 yr Author Hi If I got your inquiry right, you would need nested Divs. The first dive will be for your background image and another div nested inside your first div for the flash swf file. For the nested div, you would need to put a margin of about 20% depending if you want the nested div floated either on the left or right of your main div. Pls make sure you test this in Internet Explorer as sometimes nested divs do not come out right with this browser. Thanks Can you give an example of the code I might need please? Thanks!
November 25, 200817 yr here's a sample code with the css.Up to you to adjust width and height of the divs Thanks HTML <!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>sample swf</title> <link href="css_dd/container_bg.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container_bg">Content for id "container_bg" Goes Here <div id="swf">Content for id "swf" Goes Here</div> </div> </body> </html> CSS @charset "UTF-8";#container_bg { height: 300px; width: 780px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; } #swf { width: 600px; margin-right: auto; margin-left: auto; height: 200px; }
Create an account or sign in to comment