i have a problem with coding an image into a certain area on a band myspace page. firstly, i have created a banner which sits bellow the myspace navigation menu, and i have moved the music player up to sit on top of the banner. This has worked so far.
No i wish to place an image into the area where the music player used to be.
this is the code i have so far.
CODE
<div style="position:relative; font-size:50px; z-index:3;">
<style type="text/css">
body
{
background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/bg5.jpg?t=1218424804);
}
table, { background-color: white; background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/pic1.jpg?t=1218433662);background-repeat: no-repeat;background-attachment: scroll}
object {position:relative; top:-356; left:8px;}
</style>
<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<style>
.i, div.clearfix i i i {display:none;}
{!- cross browser centering -!}
div {position:relative; top:0px;}
div div {height:343px; background-color:transparent !important;}
div div.profileWidth, table div div, div table div {height:auto;}
div div span {position:absolute; left:50%; margin-left:-400!important;}
{!- make room in div div span for Banner -!}
div div span{height:343px; width:800px;}
{! apply banner as bkgd image !}
div div span{background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/BANNERsm4.jpg?t=1218432179); background-position:center center; background-repeat:no-repeat;}
{!- reverse -!}
div.profileWidth span, table div div span{height:auto; width:auto; background-image:none; position:static !important; margin-left:0px !important}
</style>
<i class=i>!!! End Code To Apply Top Banner !!!</i>
</div>
<style type="text/css">
body
{
background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/bg5.jpg?t=1218424804);
}
table, { background-color: white; background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/pic1.jpg?t=1218433662);background-repeat: no-repeat;background-attachment: scroll}
object {position:relative; top:-356; left:8px;}
</style>
<i class=i>!!! Start Code To Apply Top Banner !!!!</i>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<style>
.i, div.clearfix i i i {display:none;}
{!- cross browser centering -!}
div {position:relative; top:0px;}
div div {height:343px; background-color:transparent !important;}
div div.profileWidth, table div div, div table div {height:auto;}
div div span {position:absolute; left:50%; margin-left:-400!important;}
{!- make room in div div span for Banner -!}
div div span{height:343px; width:800px;}
{! apply banner as bkgd image !}
div div span{background-image:url(http://i514.photobucket.com/albums/t347/the_diamond_dolls/BANNERsm4.jpg?t=1218432179); background-position:center center; background-repeat:no-repeat;}
{!- reverse -!}
div.profileWidth span, table div div span{height:auto; width:auto; background-image:none; position:static !important; margin-left:0px !important}
</style>
<i class=i>!!! End Code To Apply Top Banner !!!</i>
</div>
i have tried simply making the image part of the table background, but unfortunately this means all the tables on the page have the background image. and i dont want that.
if it helps here is the myspace page link. http://www.myspace.com/diamonddollsband
if any1 could help me i would be very appreciative.
thankyou