I finally got my music player on my page (band Myspace) working thanks to Mikeplyts, but now i realize that the Shows and Music player are placed in different places in every browser:
- Chrome: the music player is in the right place but the shows are at the bottom of the page;
- Firefox: the music player is in the wrong place (to the right) and the Shows are located at the bottom;
- Explorer: the Shows are in the right place but the music player doesn't bother showing up.
I use the latest version of each browser, so that can't come from that. Here's the code in my "Influences" section:
CODE
<i class="i">!START code in Influences !</i>
<i class="i">!START Style Block For Hiding Elements on Band Page!</i>
<style>
.i, div.clearfix i i i {display:none;}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}
{! restores any images displayed inside the div. use block instead of inline ? !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}
{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:none;}
{! hides the maroon navbar!}
div table, .i, i i.x {display:none;}
div.profileWidth table {display:block;}
table div table {display:block;}
{! Background behind background image !}
body {background-color:000000;}
{! removes most content and the space it occupied !}
table table table {display:none;}
{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}
{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}
table table br {display:none;}
table table table br {display:block;}
{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}
{! remove default background coloring !}
table table, tr, td {background-color: transparent !important;}
{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:transparent !important;}
div table {border-bottom:none !important;}
{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}
!- shows -!}
table table td.text div {position:absolute; width:355px; height:195px; overflow:auto; overflow-x:hidden; top:525; left:175;}
{!- UnDo effect on Div in Friend and Comment spaces -!}
table table td.text table div {position:static; height:auto; overflow:hidden;}
table table td.text div.commentlinks {display:none;}
table table td.text div table {display:block;}
{!-set below px width to the width of your shows space-!}
table table td.text div table td, table table td.text div table {width:355px;}
table table td.text div table table {width:100% !important;}
{!-adjust below value as needed-!}
table table td.text div table table table {width:40% !important;}
<i class="i">!End code in Influences !</i></style>
<i class="i">!START Style Block For Hiding Elements on Band Page!</i>
<style>
.i, div.clearfix i i i {display:none;}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}
{! restores any images displayed inside the div. use block instead of inline ? !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}
{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:none;}
{! hides the maroon navbar!}
div table, .i, i i.x {display:none;}
div.profileWidth table {display:block;}
table div table {display:block;}
{! Background behind background image !}
body {background-color:000000;}
{! removes most content and the space it occupied !}
table table table {display:none;}
{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}
{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}
table table br {display:none;}
table table table br {display:block;}
{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}
{! remove default background coloring !}
table table, tr, td {background-color: transparent !important;}
{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:transparent !important;}
div table {border-bottom:none !important;}
{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}
!- shows -!}
table table td.text div {position:absolute; width:355px; height:195px; overflow:auto; overflow-x:hidden; top:525; left:175;}
{!- UnDo effect on Div in Friend and Comment spaces -!}
table table td.text table div {position:static; height:auto; overflow:hidden;}
table table td.text div.commentlinks {display:none;}
table table td.text div table {display:block;}
{!-set below px width to the width of your shows space-!}
table table td.text div table td, table table td.text div table {width:355px;}
table table td.text div table table {width:100% !important;}
{!-adjust below value as needed-!}
table table td.text div table table table {width:40% !important;}
<i class="i">!End code in Influences !</i></style>
Here's my "Sounds Like" section:
CODE
</td></tr></table></td></tr></table></td></tr></table>
<span class="off">!-biography-!</span>
<div class="myBio" style="width:355px; height:350px; position:absolute !important; top:100px !important; left:175px !important; overflow:auto;">
Enamored came together over 3 years ago under different names, genres, and members. Over these last passing few years, the sound we intended to create has become clearer with each new piece of material. Our styles differ in many ways personally, but our influences remain the same, helping us to create a very custom style.
Just recently, we have had a change of drummer. Maxime has brought solidity and a new creative style that we’ve needed. As far as other indepth information, stay tuned.
We’ve started recording, so prepare yourself for future noise you can take anywhere to jam to!
</div><span class="off">!CLOSE Text Div!</span>
<style>
table div.myBio {display:block; visibility:visible;}
</style>
<table><tr><td><table class="off"><tr><td><table><tr><td>
<span class="off">!-booking address-!</span>
</td></tr></table></td></tr></table></td></tr></table>
<span class="off">!-START code for custom text section-!</span>
<div class="myBio" style="width:455px; height:50px; position:absolute !important; top:525px !important; left:570px !important; overflow:hidden;">
enamoredmusic@gmail.com
</div><span class="off">!CLOSE Text Div!</span>
<style>
table div.myBio {display:block; visibility:visible;}
</style>
<table><tr><td><table class="off"><tr><td><table><tr><td>
<style>
{! music player !}
table table td.text div object {position:absolute !important; top:102px !important; left:572px;}
table table td.text div object object {position:absolute !important;}
</style>
<span class="off">!-biography-!</span>
<div class="myBio" style="width:355px; height:350px; position:absolute !important; top:100px !important; left:175px !important; overflow:auto;">
Enamored came together over 3 years ago under different names, genres, and members. Over these last passing few years, the sound we intended to create has become clearer with each new piece of material. Our styles differ in many ways personally, but our influences remain the same, helping us to create a very custom style.
Just recently, we have had a change of drummer. Maxime has brought solidity and a new creative style that we’ve needed. As far as other indepth information, stay tuned.
We’ve started recording, so prepare yourself for future noise you can take anywhere to jam to!
</div><span class="off">!CLOSE Text Div!</span>
<style>
table div.myBio {display:block; visibility:visible;}
</style>
<table><tr><td><table class="off"><tr><td><table><tr><td>
<span class="off">!-booking address-!</span>
</td></tr></table></td></tr></table></td></tr></table>
<span class="off">!-START code for custom text section-!</span>
<div class="myBio" style="width:455px; height:50px; position:absolute !important; top:525px !important; left:570px !important; overflow:hidden;">
enamoredmusic@gmail.com
</div><span class="off">!CLOSE Text Div!</span>
<style>
table div.myBio {display:block; visibility:visible;}
</style>
<table><tr><td><table class="off"><tr><td><table><tr><td>
<style>
{! music player !}
table table td.text div object {position:absolute !important; top:102px !important; left:572px;}
table table td.text div object object {position:absolute !important;}
</style>
It'd be cool if anyone could take a look