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>

[Mikeplyts]

can you give a link to your profile?

[OCSpersonel]

http://www.myspace.com/luckybastardco

[fixtatik]

this is where your problems are coming up:

CODE

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;}

the first issue is that for the IE CSS hacks, you haven't defined a unit of measurement (px, em, %).

the second problem is that (i assume) you're using this to move the music player. both slide shows and the music player are object elements, so both are going to be affected by that code. browsers read CSS chronologically, so after the first object { properties } is read, they'll override anything in that one with the second object { properties }.

for example:

CODE

div.class { height:30px; }
div.class { height:40px; }

the div with a class name "class" will have a height of 40 pixels, unless you append "!important" to height:30px;.

what i'd suggest doing is something like this. for your music player:

CODE

object { height:50px; left:50%!important; margin-left:##px!important; position:absolute; top:##px!important; width:420px; z-index:9; }
object object, td td td object { left:auto!important; position:static; margin:auto!important; top:auto!important; }

just adjust the margin-left and top properties. you shouldn't need to use any hacks for IE to make it where you need it to be.

and for your slide shows, give each one (if you have more than one) a different class:

CODE

<object class="slide-1">
  <param />
  <param />
</object>
<object class="slide-2">
  <param />
  <param />
</object>

and move each one individually:

CODE

object.slide-1 { left:50%!important; margin-left:##px!important; position:absolute; top:##px!important; }
object.slide-2 { left:50%!important; margin-left:##px!important; position:absolute; top:##px!important; }

[OCSpersonel]

wow, thank you so much, ill be emailing you today.

so im really not very good at coding, as you probably already know.
using the !important will pretty much fix the postition o9n any browser right?

so if i have

CODE

<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>

for a slide show, where does that go?
im a little confused on the slide shows, whats the <Param/>? iv never seen that before and im just confused because they are both end tags.

and finally the last code listed is the positioning so i would put it in the who id like o meet section? or within the object

[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.

[OCSpersonel]

thanks for your help, i discovered by accident my problem was this code

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>

if someone knows a code or fix to this one that will allow my music player to appear, please???

ima go look in the scripts right now

[Mikeplyts]

^ You left out some of the px parts. Try using this:

CODE

<style>
object {position:absolute; height:50px; width:420px; left:50%; _left:50%; top:100px; _top:100px; margin-left:-200px; _margin-left:-500px; 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>