Myspace Music Player, NEED HELP Options

[drfunk1986]

Hello everyone, I've been designing graphics for quit awhile and never have I come across something more annoying than the myspace music page for div layouts. I recently designed my own for a test site to get to know the basics of the coding so that when i start doing full pages, I'm 100% good. Well now, the only thing stopping me if the music player. I have all my links, and the div layouts all perfect except this infernal music media player. Either 1, it gets stuck somewhere on the page and I cannot move it (as if it's stuck to a portion of the DIV. 2, when i do try and move it within the page, it moves my links (as if it's sticking to them and moving). Or 3, I end up deleting it and trying again. I've been able to resize it with no problem the only thing is I cannot seem to movethis thing. Don't know if my DIV coding for the player is incorrect or something but I really need help. I deleted it the other night from the profile so I need to find an exact DIV code to display the player, and then the code to move it (position). Can somebody pleaaase help me? If you wanna check the source code the page is

http://www.myspace.com/newperson86


hopefully you guys can help me because I've been on 3 other forums and nobody seems to know, and these are designing forums as well. Thanks guys.





Hello everyone, I've been designing graphics for quit awhile and never have I come across something more annoying than the myspace music page for div layouts. I recently designed my own for a test site to get to know the basics of the coding so that when i start doing full pages, I'm 100% good. Well now, the only thing stopping me if the music player. I have all my links, and the div layouts all perfect except this infernal music media player. Either 1, it gets stuck somewhere on the page and I cannot move it (as if it's stuck to a portion of the DIV. 2, when i do try and move it within the page, it moves my links (as if it's sticking to them and moving). Or 3, I end up deleting it and trying again. I've been able to resize it with no problem the only thing is I cannot seem to movethis thing. Don't know if my DIV coding for the player is incorrect or something but I really need help. I deleted it the other night from the profile so I need to find an exact DIV code to display the player, and then the code to move it (position). Can somebody pleaaase help me? If you wanna check the source code the page is

http://www.myspace.com/newperson86


hopefully you guys can help me because I've been on 3 other forums and nobody seems to know, and these are designing forums as well. Thanks guys.





lol 17 views and no help

Reason for edit: Please use the Edit button instead of double-posting. - Mike

[drfunk1986]

sorry i did not mean to double post it, for some reason it did that. second, it's just that I've been looking for the answer for the last several days and have gotten nowhere on this subject with people who call themselves DIVlayout specialists. I'll try the code and let you guys know how it turns out.



back. okay so i put in your code and it still has everything aligned but now there is no media music player for me to move around, anybody got a DIV for the music player or something?

[drfunk1986]

im sorry if i come off stupid or whatever i just had no idea about this part. I've placed it into my code but when i view the page, i can't see my music player at all. It's probably there but it's being covered by the DIV. I need the music player over the DIV where the MUSIC section is on my DIV. when you say "place your music code in here" i dont know what that means. Do you have AIM so i can understand it better? I'd like to know how to do this going forward. thanks for your help.

AIM: drfunk1986

[drfunk1986]

it shows up but nomatter how i change the top or _top #'s, it does not move as if it's stuck

[drfunk1986]

BIO SECTION

CODE

<style> table, tr, td { background-color:transparent; border:none; border-width:0;} table table table { border-style:solid; border-width:0px; border-color:000000 background-color:000000; } .r{} table table table {border:0px padding:1; } table table{border:0px} table table table table{border:0px} font, td, a, body, input, table {color:ffffff;font-family:arial;} body, td, li, p, div, li, h1, h2, p, br {font-family: arial; font-size: 9pt; color: ffffff; font-weight: bold; } .btext {font-family: arial; font-size: 9pt; color: ffffff; } .blacktext10 {font-family: arial; font-size: 9pt; color: ffffff; } .blacktext12 {font-family: arial; font-size: 9pt; color: ffffff; } .lightbluetext8 {font-family: arial; font-size: 9pt; color: ffffff; } .nametext {font-family: arial; font-size: 9pt; color: ffffff; } .orangetext15 {font-family: arial; font-size: 9pt; color: ffffff; } .redbtext {font-family: arial; font-size: 9pt; color:ffffff; } .redtext {font-family: arial; font-size: 11pt; color: ffffff; } .text {font-family: arial; font-size: 9pt; color: ffffff; } .whitetext12 {font-family: arial; font-size: 9pt; color: ffffff; } .r{} .blacktext12 {visibility:hidden; display:none} .contactTable {display: none;} </style> <style> .nabsf { position:absolute; left:50%; top:0px; z-index:1; margin-left:-447px; padding:0px; border:0px; background-color:transparent;} .yalsf { position:absolute; left:50%; top:805px; z-index:1; margin-left:-447px; padding:0px; border:0px; background-color:transparent;} .vanasf { position:absolute; left:50%; top:-795px; z-index:2; margin-left:73px; padding:0px; border:0px; background-color:transparent;} .vanbsf { position:absolute; left:50%; top:-628px; z-index:2; margin-left:73px; padding:0px; border:0px; background-color:transparent;} .vancsf { position:absolute; left:50%; top:-710px; z-index:2; margin-left:73px; padding:0px; border:0px; background-color:transparent;} .vandsf {position:absolute; left:50%; top:-542px; z-index:2; margin-left:73px; padding:0px; border:0px; background-color:transparent;} .vanesf {position:absolute; left:50%; top:-857px; z-index:2; margin-left:-417px; padding:0px; border:0px; background-color:transparent;} .oibsf {position:absolute; left:50%; top:1200px; z-index:2; margin-left:73px; padding:0px; border:0px; background-color:transparent;} .ytvc1 {position:absolute; left:50%; top:970px; z-index:1; margin-left:-214px; padding:0px; border:0px; background-color:transparent;} .pmetsf { position:absolute; left:50%; top:970px; z-index:1; margin-left:19px; padding:0px; border:0px; background-color:transparent;} .redilssf { position:absolute; left:50%; top:1856px; z-index:1; margin-left:-403px; padding:0px; border:0px; background-color:transparent;} </style><div class="friendspacecomments" style="overflow:auto;width: 820px; height:360px; position: absolute; top:3318px; margin-left: -403px; z-index:3; left:50%; "><center><table><table><tr><td><table></center></div> <table><table><tr><td> <table><tr><td><table><style>div object {position:relative; margin:auto; width:100%;}table table td.text object {position:absolute; top:1205px; _top:2405px; left:50%; margin-left:-403px; width:805px; height:320px; z-index:9;}</style>

this is in my BIO section and I'm tryingto move the musicplayer up into the MUSIC section so it fits within the div. I really appreciate you helping me Mike. The bottom part is in my Influences section.


INFLUENCES SECTION

CODE

<style type="text/css">.designmindz { *do not replace the image URL, only replace the href URL } </style> <style type="text/css"> .designmindz { Just below is the code for the first nav button} </style> <div class="vanasf"><table id="Table_01" width="151" border="0" cellpadding="0" cellspacing="0"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMTE5MzMzNzY="><img src="http://hoodhustlersent.com/myspace/jmomyspace/addmebuttons.jpg" width="309" height="63" border="0" /></a></table></div> <style type="text/css"> .designmindz { Just below is the code for the second nav button} </style> <div class="vanbsf"><table id="Table_01" width="151" border="0" cellpadding="0" cellspacing="0"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE5MzMzNzYmTXlUb2tlbj1iZmU0NzI2My1kNjAxLTQ3MjgtYjUzOC0xNWViZ
Y5Nzg2OTI="><img src="http://hoodhustlersent.com/myspace/jmomyspace/messagebuttons.jpg" width="309" height="63" border="0" /></a></table></div> <style type="text/css"> .designmindz { Just below is the code for the third nav button} </style> <div class="vancsf"><table id="Table_01" width="151" border="0" cellpadding="0" cellspacing="0"><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTExMTkzMzM3Ng=="><img src="http://hoodhustlersent.com/myspace/jmomyspace/addgroupbuttons.jpg" width="309" height="63" border="0" /></a></table></div> <style type="text/css"> .designmindz { Just below is the code for the forth nav button} </style> <div class="vandsf"><table id="Table_01" width="151" border="0" cellpadding="0" cellspacing="0"><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTExMTkzMzM3NiZwdWJsaWM9MA=="><img src="http://hoodhustlersent.com/myspace/jmomyspace/favbuttons.jpg" width="309" height="63" border="0" /></a></table></div> <style type="text/css"> .designmindz { Just below is the code for the forth nav button} </style> <div class="vanesf"><table id="Table_01" width="151" border="0" cellpadding="0" cellspacing="0"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=111933376"><img src="http://hoodhustlersent.com/myspace/jmomyspace/photosimage.jpg" width="400" height="434" border="0" /></a></table></div> <style type="text/css"> .designmindz { This Is The Youtube Video} </style> <div class="ytvc1"><table id="Table_01" width="425" border="0" cellpadding="0" cellspacing="0"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" data="http://www.youtube.com/v/mc_QRaE7oo4&hl=en&fs=1"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/mc_QRaE7oo4&hl=en&fs=1" /> </object></table></div> <style> .musicplayer {position:absolute; top:1205px; left:50%; margin-left:-403px; width:805px; height:320px; z-index:9;} </style> <div class="musicplayer"> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="350" width="450" data="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51285,artid=2510420,skinid=16,profid=111933376"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="all" /> <param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=1,plid=51285,artid=2510420,skinid=16,profid=111933376" /> </object> </div>

Reason for edit: Please use [codebox] tags when posting longer codes. - Mike

[drfunk1986]

CODE

<style>div object {position:relative; margin:auto; width:100%;}table table td.text object {position:absolute; top:1205px; _top:2405px; left:50%; margin-left:-403px; width:805px; height:320px; z-index:9;}</style>

i'm adjusting this part

_top:2405px

or

top:1205px

trying to move it up from where it is. It seems be be stuck behind my video, above the comment box but covering the top half

Reason for edit: Please use [code] tags when posting shorter codes. - Mike

[drfunk1986]

sorry didn't notice those boxes at the bottom you were editing with. for nowon i'lluse the code boxes. here's my screenshot of what i see.

click to enlarge

Reason for edit: Please use [thumb] tags instead [img] tags when posting large images. - Mike

[drfunk1986]

get ready to go apeshit this is how it looks. don't know if you duplicated the code by accident but...

CODE

that's on IE, on firefox it appears alright except the music player still has not move and now there's a duplicate player constantly blinking over the wider version.

[drfunk1986]

no i didnt want that one there thought you were checking the code. but like i said, it appears like that on ie and not on firefox that's why im letting you know. i dont even want the blinking one. is that the one that's in my influences? for some reason it's still not moving the music player up.

[drfunk1986]

thanks for the help and reply Mike, really do appreciate it. Alright, so i deleted all the influences like you said and replaced all the coding with the ones you posted. Fixes my page perfect except still, there is no music player in my MUSIC box section of the page.

www.myspace.com/newperson86

I'm doing this as well from a different computer. Why is it so hard to get that music player in that single spot? Not saying that to you, just asking myself.

[drfunk1986]

LMAO, probably dude. Like I said this is a test page, so does this mean that if I upload this code to another music myspace that actually has the music it will show in that MUSIC section and all?

[drfunk1986]

LOL I'm sorry dude, I'll try and upload it tonight and see if it's in the right spot. (it is in the right spot right?) Yea i was about to say you jsut spent all that time being frustrated when it's my dumb ass. I'll let you know how it turns out.

[drfunk1986]

sorry if this double posts but it works perfectly for Internet Explorer and Firefox, only thing it doesnt work for it Safari and Google Chrome for some reason it's showing up on the topof the page instead ofin the music box. Any solutions to this?

[drfunk1986]

LOL, alright so it w

[manny-the-dino]

Topic Closed & Moved