CSS Forum

**jgcalifornia** · 03-04-2010, 02:36 PM

Using Dreamweaver CS3 (still transitioning from using GoLive CS2), seems no matter how ar where i put them, i have a few swf files and i cant seem to position them where i want. I believe i managed to get them "centered", but they want to stay at the top of the page...
Any help is greatly appreciated!!!!!
current code for one of the files-

<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="150">
<center>
<param name="movie" value="Flash/NaturalISM.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="Flash/NaturalISM.swf" width="900" height="150" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" /></center>
</object>

**LadynRed** · 03-04-2010, 02:42 PM

1- don't use that hideous <center> tag, use CSS to center.

2 - we need to see the REST of your code, including CSS (if you're using it) to even begin to suggest a solution. Or, post a URL to the problem page.

**rabble** · 03-04-2010, 02:54 PM

try enclosing your swf object like this <div><center>swf object</center></div>
Give the <div> a defined width.

Should work.

**jgcalifornia** · 03-04-2010, 04:17 PM

hi, thank yo for the reply!
When i do that, which i believe is how i had it, i believe it centers it, but stays at the top of the page, and refuses to move further down...

**jgcalifornia** · 03-04-2010, 04:18 PM

Thank you for the reply....Can you tell me if theres anything here that looks wrong to you?

Quote:

Originally Posted by LadynRed

1- don't use that hideous <center> tag, use CSS to center.

2 - we need to see the REST of your code, including CSS (if you're using it) to even begin to suggest a solution. Or, post a URL to the problem page.

**jgcalifornia** · 02:09 PM

HTML Code:

<html>
<head>
<title>EYESWIDEGREEN.ORG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <style type="text/css" media="screen"><!--
body { background-image: url(images/brownpaper5.jpg); background-repeat: repeat-x; }
#layer1 { height: 15px; width: 80px; left: 725px; top: 790px; position: absolute; visibility: visible; margin-left: auto; }
#layer2 { height: 70px; width: 100px; left: 715px; top: 710px; position: absolute; visibility: visible; }
#layer3 { text-align: center; height: 104px; width: 592px; left: 469px; top: 243px; position: absolute; visibility: visible; }
--></style>
    </head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://www.webmaster-talk.com/images/brownpaper5.jpg">
        <div align="center">
            <table id="Table_01" width="830" align="center" height="109" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <div align="center">
                            <img src="http://www.webmaster-talk.com/../EYESWG-GOLIVE/web-content/eyeswidegreen2/images/spacer.gif" width="1" height="27" alt=""><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="82" width="830">
                                <param name="button" value="flash/eyeshometext.swf">
                                <param name="quality" value="best">
                                <param name="play" value="true">
                                <param name="wmode" value="transparent">
                                <embed height="82" pluginspage="http://www.macromedia.com/go/getflashplayer" src="flash/eyeshometext.swf" type="application/x-shockwave-flash" width="830" quality="best" play="true" wmode="transparent" > 
                            </object></div>
                </td></tr>
            </table>
            <div id="layer1">
                <center>
                    <a href="http://www.hostgator.com"><img src="http://www.webmaster-talk.com/images/hg.gif" alt="hostgator.com" width="80" height="15" border="0" /></a></center>
                    </div>
            <div id="layer2">
                <center>
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="70" width="100">
                        <param name="button" value="flash/ARR.swf">
                        <param name="quality" value="best">
                        <param name="play" value="true">
                        <param name="wmode" value="transparent"/>
                        <embed type="application/x-shockwave-flash" height="70" width="100" src="flash/ARR.swf" quality="best" play="true" wmode="transparent"></a></center>
                    </div>
            <div id="layer3">
                <div align="center">
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="104" width="592">
                        <param name="movie" value="flash/greenmailW.swf">
                        <param name="button" value="flash/greenmail2.swf">
                        <param name="quality" value="best">
                        <param name="play" value="true">
                        <param name="wmode" value="transparent">
                        <embed height="104" pluginspage="http://www.macromedia.com/go/getflashplayer" src="flash/greenmailW.swf" type="application/x-shockwave-flash" width="592" quality="best" play="true" wmode="transparent" > 
                    </object></div>
            </div>
        
        
            
    </body>
</html>

**LadynRed** · 05-16-2010, 05:14 PM

Get rid of the absolute positioning, it's not necessary.
Get RID of that <center> tag.. and the "align="center" garbage.
Put the SWF inside a <div>, give that div a defined width, and use margin: xx auto; to center that div. Replace the XX with the top and bottom margins you want.