Myspace Coding Options

[OCSpersonel]

So i dont seem to have a problem with coding on different browsers, but the Photo slideshows are only appearing properly in firefox. and ideas why?

CODE

<style>
object {position:absolute; height:50px; width:420px; left:50%; top: 100; margin-left:-200; _margin-left:-500; z-index:9;}
object {top:1250px!important; margin-left:-470px; _margin-left:-470!important;}
object object, td td td object {position:static; margin:auto!important;}
</style>

<style>
.userProfileURL {display:none;}
</style>

<style>
body {
font-family:arial, verdana, sans-serif;
font-size:62.5%;
background-color:ffffff;
}
.main{
background-color:ffffff;
width:960px;
height:900px;
position:absolute;
left:50%;
top:133px;
z-index:1;
margin-left:-480px;
}
.container {
background-color:cccccc;
width:800px;
height:100%;
margin-left:80px;
}
</style>



<style>
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{width: 550px; height: 440px !important; position: absolute; left: 50%; top: 1650px; margin-left:-250px; _margin-left:-250px; overflow:scroll !important; overflow-x:hidden !important; z-index:4px;}
.blurbs .orangetext15 {display:none;}
</style>


<div class="NAV" style="position: absolute; top:430px; left: 50%; margin-left:-415; _margin-left:-415; width:850px; height:90px; overflow: auto; z-index: 4;"><center>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYyJmZyaWVuZElEPTIxNTY5NTQ4NCZNeVRva2VuPWNjMjhkOWE3LWMyYTktNDA2Zi05ZTgzLWI2O
I0NzI3ZTkwNw=="><img src="http://img140.imageshack.us/img140/5241/messagebutton.jpg" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMTU2OTU0ODQ="><img src="http://img140.imageshack.us/img140/6084/addbutton.jpg" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbHVja3liYXN0YXJkY28uY29tL2NhcnQv"><img src="http://img140.imageshack.us/img140/8855/storebutton.jpg" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFkaXNvbmF2ZWRpYW1vbmRzLmNvbS8="><img src="http://img140.imageshack.us/img140/2770/madbutton.jpg" border="0" /></a>



</div>
<div class="content" style=" position:absolute; left: 50%; top:200px; margin-left:-445; _margin-left:-445">
<img src="http://img246.imageshack.us/img246/8053/contentj.jpg" />
</div>




<div class="silver" style="position: absolute; left:50%; margin-left:-50; _margin-left:-50; top:630px; width:600px; height:1500px; overflow: hidden; z-index:6;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965525" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965525" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965483" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=965483" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=267027" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=267027" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=877086" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="culture=en-US" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://lads.myspace.com/slides/photoslider.swf?u=215695484&aid=877086" height="210" width="445" wmode="transparent" flashvars="culture=en-US" />
</object>

</div>

[fixtatik]

<param /> tags are the tags between <object> and </object>. they're the definitions (or parameters) of the object (in this case, a slide show or music player). the slash before the > is the end tag (like if you were doing <input type="text" /> or <img src="" />, it's just <param name="" />). technically, you don't have to have that slash on myspace. the slash is just so it validates in XHTML, but myspace will automatically add them anyway.

like in the example i gave, just add class="slide-1" to the <object> tag. the start would look like this:

CODE

<object class="slide-1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="210" width="445">

where ever you have your HTML, that's where you put the slide show. the CSS for positioning goes between your <style></style> tags.

edit: as for the !important declaration, no, it doesn't necessarily mean that positioning will always work. it's just telling browsers that it needs to take priority of that CSS property over any others in the style sheet.