band myspace layout after reading tutorial on here.., moving music player with issues |
band myspace layout after reading tutorial on here.., moving music player with issues |
![]()
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. |
|
|
![]() |
![]()
Post
#2
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 42 Joined: Apr 2009 Member No: 724,201 ![]() |
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.
|
|
|
![]() ![]() |