I'm stuck trying to move an object!!! Help please!!, object needs to be placed as basically the background Options

[oblivionguitaris...]

ok.. I'm trying to put a page that was made with flash components as the background, but when I put the code in, its aligned wayyy at the bottom of the page. I need the object to be just below the links under the myspace add banner at the top of the myspace page.

Inside the object, there's a picture frame where I need the myspace comments section to be..(Scrollable) fit to the picture frame..


So you can see what the whole page looks like right now, the myspace page url is: www.myspace.com/thuglifepb

Here's what I have as the object that I'm trying to make into the page background:

CODE

<object width="2700" height="700"><param name="base" value="http://static.wix.com"/><param name="wmode" value="transparent"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" FlashVars="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" type="application/x-shockwave-flash" width="2700" height="700" base="http://static.wix.com" wmode="transparent" scale="noscale" salign="tl" ></embed></object

Here's the codes I have so far as the myspace page:

In the about me section I have this:

CODE

<object width="2700" height="700"><param name="base" value="http://static.wix.com"/><param name="wmode" value="transparent"/><param name="movie" value="http://static.wix.com/client/app.swf" /><param name="quality" value="high" /><param name="FlashVars" value="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" /><param name="scale" value="noScale" /><param name="salign" value="tl" /><embed src="http://static.wix.com/client/app.swf" quality="high" FlashVars="pageId=8KPaN3gkyHU-a&embedFormat=normal&embedID=Zyeyt_UTLMx4Drb4Xy0O1Qb4NaOCZiRs6sPkDA2B_kSa6zn_ItQTxH4LCjoHm_iUa&partner_id=WMGs4POB1ko-a" type="application/x-shockwave-flash" width="2700" height="700" base="http://static.wix.com" wmode="transparent" scale="noscale" salign="tl" ></embed></object>










<style type="text/css">
body { position:relative; left:0px; top:0px; z-index:0; background-color:000000; } .bodyContent { background-color: 000000 }

a:link, a:visited, .redtext, .redbtext, a.redlink:link, a.redlink:hover { color:333333; }
a:link:hover, a:visited:hover { color:666666; }

.blacktext10, .orangetext15, .whitetext12, .nametext, .btext, table.friendsComments tr td { color:333333; }

object, embed { visibility:visible; position:absolute; top:1032px; left:50%; right:50%; margin-left:-390px; z-index:9; }

.comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; }

.navbar{visibility:visible;} .navigationBar font {visibility:hidden;} table,tr,td{background-color: transparent;border-style: none;} .navigationBar tr td { background-color:transparent; } .interestsAndDetails, .userProfileDetail, .userProfileURL, .contactTable, .profileInfo, .latestBlogEntry, .extendedNetwork, .orangetext15 { display:none; }

table.friendsComments img {max-width:300px; height:auto;} .friendsComments font {visibility:visible;} table tr tr td img { border-color:4e607b; }
table tr td div div a.text {visibility:hidden; border:0px!important; background-color:transparent;}</style>

and in the "I'd like to meet" section I have this:

CODE

<div class="comments" style="overflow:auto; overflow-x:hidden; height:356px; width:500px; position: absolute; top:646px; left:50%; right:50%; margin-left:-120px; z-index:7; background-color:transparent;"><div style="margin-left:20px;"><div style="margin-top:-50px; margin-bottom:10px; margin-left:10px;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM2OTYzMjc1Mg=="><b>Add Comment</b></a></div><table><tr><td><table><tr><td>

<MOVE ALL HTML CODES (IMAGES/WIDGETS/SLIDESHOWS/VIDEOS) BELOW THIS CODE />

<div style="width:448px; margin-top:15px;"><img src="http://i200.photobucket.com/albums/aa62/lovemyflash/FlickrSpace-BETA/addcomment.gif" /><br/>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment" style="margin-top:0px;">
<input type="hidden" name="friendID" value="369632752">
<textarea name="f_comments" rows="7" style="width:448px; color:191816;"></textarea><br />
<div style="text-align:right;">
<input name="submit" type="image" id="submit" src="http://i200.photobucket.com/albums/aa62/lovemyflash/FlickrSpace-BETA/sendcomment.gif" alt="Send Comment" align="top" /></div></form></div>

There's also a small link at the top of the page that says "MySpace Latino" I can't find where it's coming from and don't want it on the page.

If anyone can figure this stuff out it would be soo helpfull!!!

[miyashu]

well i was able to successfully move the flash bg to the top like you wanted by changing the margin-left and top values to this:

CODE

object, embed { visibility:visible; position:absolute; top:200px; left:50%; right:50%; margin-left:-510px; z-index:1; }

unfortunately, i'm still figuring out why it overlaps everything else. everytime i try to input a z-index for the comments and comment box, myspace takes them out. hopefully others can try to help you in that area.