above is the page i'm working on. i've gotten a lot of issues figured out, but in the tutorial here it didn't show how to move the music player. i tried moving it which works, but in turn it messes up the blog and upcoming shows. is there any fix for this?
CODE
.profileWidth table { margin-bottom:1150px; width:982px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1150px; }
.topbanner {position:absolute; left:50%; top:188px; margin-left:-490px; _margin-left:-490px; width:982px; height: 1363px; z-index:1;}
.tg_left {position:absolute; top:1551px; left:50%; margin-left:-490px; _margin-left:-490px; width:479px; height:2123px; z-index:1; background-image:url(http://aspect-photos.com/mybelovedtragedy/leftbackground.png);}
.shows {position:absolute; top:1551px; left:50%; margin-left:60px; _margin-left:63px; width:431px; height:59px; z-index:1;}
.orangetext15 {display: none;}
.whitetext12 {display: none;}
table table td.text div object {position:absolute !important; top:1068px !important; left:50%; margin-left:-3px; z-index:9;}
table table td.text div object object {position:static !important; margin:auto; z-index:9;}
table table td.text {padding-left: 100px;}
table table table, table table table td.text, table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding: 0px;}
table table div embed, table table div object {position:relative; z-index:9;}
table, tr, td{
background-color:transparent;
border-style:none;
}
body {
background-color: d0dade;
background-image:url(http://aspect-photos.com/mybelovedtragedy/mbtbackground.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
table table table table, table table table td{
background-image:none;
background-color:transparent;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color: d0dade;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}
strong, .lightbluetext8, .btext, .redtext, .redbtext{
color: d0dade;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}
a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color: d0dade;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}
a {
color: d0dade !important;
font-family: Arial !important;
}
a:hover {
color: d0dade !important;
font-family: Arial !important;
}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color: d0dade;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}
table table table table, div table table table{
border-style:none;
}
table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 10px;
text-indent: -999999px;
background: transparent bottom left no-repeat;
}
if i can get the music player in this position and have the upcoming shows in the right area i can start placing everything together and finish up. thanks in advance.