band myspace layout after reading tutorial on here.., moving music player with issues Options

[shutterleftopen]

www.myspace.com/joshmillercolumbus

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.

[Mickey]

Try my script.

[shutterleftopen]

thanks a lot mike. it moved it perfectly. but for some reason the upcoming shows sectiion doesn't move up in it's place. is there a way to move up the shows section to close the gap between the entries and the shows? i need to bring everything on the right to move up because when i try to place in another div layer above the show banner to fill in the gap everything just remains under the blog section. as you can see with the ad and text box i tried to put in there.

[Mickey]

Look for this bit:

CODE

width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1150px; }

Adjust both the height and margin-left values (1150px) but make sure to keep the negative symbol on the second one.

[shutterleftopen]

i've tried adjusting all the dimensions and it's not moving anything. here is my code that i've placed entirely into the musician bio..hopefully it'll help to see where my problem is. and now i can't seem to find the widgets for twitter to put into a div on myspace.
www.myspace.com/joshmillercolumbus
thanks a lot for the help man. greatly appreciated.

CODE

<style>
.profileWidth table { margin-bottom:1150px; width:982px; }
.rail { display:none; }
.gap {
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:1450px; 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);}
.chasetwitter {position:absolute; top:1500px; left:50%; margin-left:-400px; _margin-left:-400px; width:166px; height:192px; z-index:1;}
.shows {position:absolute; top:1450px; left:50%; margin-left:60px; _margin-left:63px; width:431px; height:59px; z-index:1;}
</style>


<div class="gap"></div>

<div class="topbanner">
<img src="http://aspect-photos.com/mybelovedtragedy/mbttopbanner.png" />
</div>

<div class="chasetwitter ">

</div>




<div class="tg_left">
<img src="http://aspect-photos.com/mybelovedtragedy/membersban.png" />
<br />
<img src="http://aspect-photos.com/mybelovedtragedy/memberssect.png" />
<br />
<img src="”http://aspect-photos.com/mybelovedtragedy/bioban.png”" />
<br />
</div>




<div class="shows">
<img src="http://aspect-photos.com/mybelovedtragedy/showsban.png" />
</div>

<style>

.orangetext15 {display: none;}
.whitetext12 {display: none;}


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;
}



</style>




<style>
object {top: -158px!important; margin-left: -442px!important;}
object {position: absolute; left: 50%; z-index: 9;}
object object, td td td object, embed {position: static; margin: auto!important;}
</style>



<img src="http://aspect-photos.com/mybelovedtragedy/mbtbanner.jpg" />
<textarea cols="50" rows="2"><img src="http://aspect-photos.com/mybelovedtragedy/mbtbanner.jpg" /></textarea>
</div>

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

[Mickey]

You're not supposed to adjust all of them. Only these underlined values:

CODE

.profileWidth table { margin-bottom:1150px; width:982px; }
.rail { display:none; }
.gap {
width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1150px; }

[shutterleftopen]

yeah man i figured it out. had to adjust the whole section that i had for the main top section image then adjust the music player accordingly. thanks for the help.

[Mickey]

Topic closed & moved.