Log In · Register

 
band myspace layout after reading tutorial on here.., moving music player with issues
shutterleftopen
post Jul 19 2010, 01:31 PM
Post #1


Senior Member
***

Group: Member
Posts: 42
Joined: Apr 2009
Member No: 724,201



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.
 
 
Start new topic
Replies
shutterleftopen
post Jul 20 2010, 02:01 PM
Post #2


Senior Member
***

Group: Member
Posts: 42
Joined: Apr 2009
Member No: 724,201



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
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: