Help - Search - Members - Calendar
Full Version: Music player position?
Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics
anzbex
Hi its me again lmao blush.gif

I am having probs with the position of my music player.I want it to sit directly beneath the friends pics & basically i get it there BUT it only half shows.Can someone show me how to correct this?

Preview Here

About Me:

CODE
<style>
table table div form {
display:inline !important;
}
.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {
display:none;
height:0px;
!important;
visibility:hidden
}
td td td td {
border:0px;
width:0px;
text-align:left;
}
table, td, tr {
padding:0px;
width:;
background-color:transparent
}
table table table {
padding:1px;
height:.01%;
width:100%;
}
table table, table table table table, table, tr, td {
height:0px;
!important;
border:0px;
!important
}
a.text, table div font a, table div div, .navbar font, tr td font {
visibility:hidden;
display:none;
height:0px;
!important;
}
td.text table table {
display:inline;
visibility:visible;
}
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;
}
table div div {
visibility:hidden;
!important;
}
table table table table, table table table table td.text, td.text td.text table {
display:none;
}
body div div form {
display:none !important;
}
td td embed, td td embed, td td object {
position:absolute;
top:0px;
right:0px;
width:45px;
}
div div div select {
position:absolute !important;
left:0px !important;
display:none !important;
}
div div table div {
display:none;
}
div form, .mslogo, div ul {
display:none!important;
}
div div, div td {
background-color:transparent;
background-image:none!important;
}
div.profileWidth div {
filter:alpha(opacity=0);
opacity:0.0001
}
div.profileWidth div.clearfix, i i i, div.profileWidth div div {
filter:none;
opacity:0.9999
}
div.profileWidth div.clearfix {
position:relative;
top:30px
}
div div select, div div form {
display:none !important;
}
</style>
<style>
body {
background-image: url(http://i38.tinypic.com/1071ano.jpg);
background-repeat: repeat;
}
.div {
position: absolute;
left: 50%;
margin-left:-632px;
top: 90px;
z-index: 0;
}
.nav {
position:absolute;
left:50%;
margin-left:-585px;
top:180px;
z-index:5;
font: normal 16px arial;
color:FFFFFF;
font-weight:normal;
text-transform: none;
line-height:12px;
}
a:active, a:visited, a:link, a {
color:FFFFFF;
font-size:16px;
font-weight:normal;
font-family:arial;
text-decoration:none;
text-transform:none;
}
a:hover {
color:016285;
font-size:16px;
font-weight:normal;
letter-spacing:1px;
font-family:arial;
text-decoration:none;
text-transform:none;
}
.content {
position:absolute;
left:634px;
margin-left:-585px;
top:265px;
z-index:5;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: 000000;
text-decoration: none;
overflow: auto;
width: 500px;
height:409px;
text-align: left;
}
.title {
position:absolute;
left:84px;
top:221px;
z-index:5;
font-family: Swis721 BdRnd BT;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: ffffff;
text-decoration: none;
background-color: 016285;
display: block;
width: 398px;
text-align: center;
}
.title2 {
position:absolute;
left:84px;
top:700px;
z-index:5;
font-family: Swis721 BdRnd BT;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color:ffffff;
text-decoration: none;
background-color:016285;
display: block;
width: 398px;
text-align: center;
}
.friends {
position:absolute;
left:120px;
top:730px;
z-index:5;
margin-left:-50px;
}
.music {
position:absolute;
left:246px;
top:854px;
z-index:0;
margin-left:-50px;
width: 200px;
height:200px;
}
</style>


I'd Like to Meet:

CODE
<div class="div"> <img src="http://i37.tinypic.com/2m2b42h.jpg" /></div>
<div class="nav">| <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJmFtcDtNeVRva2VuPTFiZmRkNWNkLTljMWQtNDZmYS04M2M0LTdmMzBlMGZl
2ZmYQ==" class="navi">Home</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZhbXA7ZnJpZW5kSUQ9WFhYWFhYJmFtcDtNeVRva2VuPTYwMDczYWY1LWU5MjktNGM3YS1iMzU3L
NmMWI2ZGEwYmJmYg==">Message</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmFtcDtmcmllbmRJRD1YWFhYWFg=">Add</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZhbXA7ZnJpZW5kSUQ9WFhYWFhY">Comment</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmYW1wO2ZyaWVuZElEPVhYWFhYWA==">Pictures</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmYW1wO2ZyaWVuZElEPVhYWFhYWA==">Blog</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImYW1wO3VzZXJJRD1YWFhYWFg=">Block</a> | <a href="http://www.msplinks.com/MDFodHRwOi8vYW56YmV4LmNyZWF0ZWJsb2cuY29tLw==">Layout</a> |</div>
<div class="title">About Me</div>
<br />
<div class="content">
<p><img src="http://i36.tinypic.com/2d01eu0.jpg" width="120" height="120" align="left" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo nibh ultricies laoreet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo nibh ultricies laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus.
</div>
<br />
<div class="title2">Friends</div>
<br />
<div class="friends"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://i36.tinypic.com/no6i5d.jpg" /></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://i36.tinypic.com/no6i5d.jpg" /></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://i36.tinypic.com/no6i5d.jpg" /></a> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://i36.tinypic.com/no6i5d.jpg" /></a> </div>
</div>
</div>
</div>
<div class="music">
<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" border="0" data="http://assets.myflashfetish.com/swf/mp3/minime.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://assets.myflashfetish.com/swf/mp3/minime.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=13108244&path=2008/09/21&mycolor=FFFFFF&mycolor2=016285&mycolor3=000205&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" />
</object><br /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15Zmxhc2hmZXRpc2guY29tL3BsYXlsaXN0LzEzMTA4MjQ0" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1peHBvZC5jb20=" target="_blank"><img src="http://assets.myflashfetish.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist" /></a><br /></p></center><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.4NXC/bT*xJmx*PTEyMjIxNDU*MTU4NzAmcHQ9MTIyMjE*NTQzNjQxMCZwPTE4MDMxJmQ9Jm49Jmc9MSZ*PSZv
WU4OTFiMDA4NGU5ZTRlMDU5MjU4NWRiNTcwMzY3NGE*.gif" /></div>
Anarchy
You have this in your About Me codes:

CODE
td td embed, td td embed, td td object {
position:absolute;
top:0px;
right:0px;
width:45px;
}

The width attribute is most likely affecting your music player.
anzbex
Thank you so much your an angel thumbsup.gif Its all fixed now biggrin.gif BUT its all messed up in IE but works perfectly in FF & Opera. Can someone tell me why its messed up in IE?
decaydancefbr
Try adding this to the code

CODE
_top:XXXpx;
_right:XXXpx;


Mess with the margins. This is for IE Margins.
anzbex
Thanks for that ,it seems to have worked. biggrin.gif
decaydancefbr
No problem. :]
jaeminnie
QUOTE(anzbex @ Sep 23 2008, 06:44 PM) *
Thanks for that ,it seems to have worked. biggrin.gif

I suppose this can be closed, then. PM me if you need it reopened.

Closed and moved to MySpace Resolved Topics.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.