Help - Search - Members - Calendar
Full Version: Help positioning background image
Forums > Resource Center > Support Center > MySpace Support
8trackpromo
I need a code to place a background image in a layout where i can place it anywhere for my music page. I am trying to place and image around the music player, but it hides the player, it wont if its a background image i think? Any help would be GREAT!
lucasnotreally
you will to make a div for that image, and position the music player over top of it.

here is the code to position the image you want behind the player:

CODE
<style>
.playerbg {position:absolute; top:###px; margin-left:-###px; left:50%; width:###px; height:###px; background-color:000000; z-index:1;}
</style>


CODE
<div class="playerbg">
<img src="PLAYER BACKGROUND IMAGE URL">
</div>





here is the code to move the player on top, just position it to where you want it.

CODE
<style>.a {position artist/band player}
td.text object {position:absolute; top:###px; left:50%; margin-left:-###px; z-index:9;}
td.text td td object {position:static; margin-left:0px;}
td.text div object object {position:static; margin-left:0px;}</style>


Let me know if you have problems
Mike
If you come across any browser-compatibility issues with the music player code, try mine instead. By the way, it's basically the same as positioning an image around. You're just making it look like a 'background' image by setting the player above it.
lucasnotreally
also, the code i posted is for the band player, i didnt know you wanted it for the standard myspace player.

Mike
I wasn't sure either but both codes should work for either player.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.