Move player/upcoming shows., HELP! |
![]() ![]() |
Move player/upcoming shows., HELP! |
Sep 8 2009, 02:24 PM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 253 Joined: Jul 2009 Member No: 739,898 |
Okay, so this is like the 4th time I've asked for help, and I appoligise, but I do try HEAPS of times to fix it myself, I just have no luck.
I want to move the music player up into the box I made for it : Up the very top is the box for the player. My shows banner at the moment is right undereath my player, because that's where I want it to be when the player is moved eventually. I need the shows TEXT to be here : After the player is moved. I tried using this code to move the player ( obviously not the positioning ) : CODE {!-music player-!} div[id="profile_mp3Player"], table table td.text object {position:relative!important; top:-255px !important; left:-59px; z-index:5 !important; } *html div[id="profile_mp3Player"], table table td.text object {position:relative!important; top:-76px !important; left:10; z-index:9 !important; } td.text div object, embed { height: px; width: px; ;} And it DID move there, and I just changed : CODE <style> .profileWidth table { margin-bottom:1225px; width:800px; } .rail { display:none; } .gap { background:url() top left no-repeat; width:900px; height:1150px; position:absolute; top:0; left:50%; margin:0px 0 -400px -950px; </style> At the top of my page to move the text up, but that stuffed up my roll overs underneath the player. Also made it look horrible in Internet Explorer. Are these two things possible to do, for them to work in BOTH browsers ( I.e, Firefox ), and also make it NOT stuff up my rollovers? Here's the code for the myspace at the moment : CODE <style> .profileWidth table { margin-bottom:1215px; width:800px; } .rail { display:none; } .gap { background:url() top left no-repeat; width:900px; height:1150px; position:absolute; top:0; left:50%; margin:0px 0 -400px -950px; </style> <div class="gap"></div> <style type="text/css"> .orangetext15 {display: none;} .whitetext12 {display: none;} 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: 000000; background-image:url(http://img210.imageshack.us/img210/8342/dethronedlayoutbackgrou.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } 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:FFFFFF; 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:666666; 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:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: FFFFFF !important; font-family: Arial !important; } a:hover { color: 666666 !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:666666; 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.contactTable {display:none;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 0px; visibility: visible; width: 1px; height: 100px; text-indent: -999999px; background: transparent url() bottom left no-repeat; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color: ###### !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; overflow: hidden; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{ display: inline; margin: 0 !important; padding: 0 !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{ display: block !important; margin: 0 !important; padding: 0 !important; width: 449px !important; font-family: Arial; color: ###### !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: ######; padding: 0px !important; margin: 0px !important; padding-right: 5px !important; position: relative; z-index: 6; font-weight: normal; font-size: 10px !important; display: block; height: 35px; text-transform: Capitalize; _font-size: 10px !important; _width:120px; _text-align:right; _font-weight: normal; _postion: absolute !important; _margin-top: -4px !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{ line-height: 35px; position: absolute; display: block; border-bottom: 1px dotted dimgray; border-color: ######; width: 443px; color: ######; padding: 0px !important; margin: 0px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _margin-top: -3px !important; _font-weight: normal !important; _margin-left: -3px !important; _width:449px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{ height:65px; width:450px; display:block; background-image: url(http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/OurBlogs.png); background-repeat: no-repeat; background-position: 55px 0px; float: left; font-size: 1px; overflow: hidden; color:1a1a18; } .shows {position:absolute; top:1465px; _top:1300px; left:50%; margin-left:0px; _margin-left:###px; width:380px; height:65px; z-index:1;} .topbanner {position:absolute; left:50%; top:0px; margin-left:-437px; _margin-left:###px; width:880; height:1069px; z-index:2;} .topbannerhover {position:absolute; top:1036px; left:50%; margin-left:-437px; _margin-left:###px; width:880px; height:65px; z-index:1;} div.topbanner a:hover{ border-top: none; opacity: 0.0; filter: alpha(opacity=0); width: 0px; height: 0px; z-index:2; } </style> <div class="topbanner"> <img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_01.png" /></a><br><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_02.png" /></a><br><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_03FIX.png" /></a><br><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_04.png" /></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_05.png" /></a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_06.png" /></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_07.png" /></a><br><a href="http://www.myspace.com/sam_the_tank"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_08.png" /></a><a href="http://www.myspace.com/go_eat_some_donkey"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_09.png" /></a><a href="http://www.myspace.com/akura-class"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_10.png" /></a><a href="http://www.myspace.com/comeawaycroc"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_11.png" /></a><a href="http://www.myspace.com/simorolla"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_12.png" /></a> </div> <div class="topbannerhover"> <a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_04.png" /></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_05.png" /></a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_06.png" /></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_07.png" /></a><br><a href="http://www.myspace.com/sam_the_tank"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_08.png" /></a><a href="http://www.myspace.com/go_eat_some_donkey"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_09.png" /></a><a href="http://www.myspace.com/akura-class"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_10.png" /></a><a href="http://www.myspace.com/comeawaycroc"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_11.png" /></a><a href="http://www.myspace.com/simorolla"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_12.png" /></a> </div> <div class="shows"> <img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/UpcomingShows.png" /></a> </div> It'd be amazing if someone could help me fix all this. I'll cry with happiness. I accidently agreed to do it for the band, without actually knowing how to do it. Biggest mistake ever. I hope you can help me! :( Thanks. EDIT : WOW! I did it my self. I'm not even too sure how, but I remembered I had already moved the player in a previous myspace I have made, and I just used that code, and it fixed everything! :D Although there is one thing I want to do. Between the upcoming shows, I want the same : CODE border-bottom: 1px dotted dimgray; But I'm not to sure how to do this, because I'd have to add a whooole lot of other stuff wouldn't I? Please help. My code : CODE <style> .profileWidth table { margin-bottom:1215px; width:800px; } .rail { display:none; } .gap { background:url() top left no-repeat; width:900px; height:1150px; position:absolute; top:0; left:50%; margin:0px 0 -400px -950px; </style> <div class="gap"></div> <style type="text/css"> .orangetext15 {display: none;} .whitetext12 {display: none;} 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: 000000; background-image:url(http://img210.imageshack.us/img210/8342/dethronedlayoutbackgrou.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } 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:FFFFFF; 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:666666; 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:FFFFFF; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: FFFFFF !important; font-family: Arial !important; } a:hover { color: 666666 !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:666666; 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.contactTable {display:none;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 0px; visibility: visible; width: 1px; height: 100px; text-indent: -999999px; background: transparent url() bottom left no-repeat; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color: ###### !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; overflow: hidden; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{ display: inline; margin: 0 !important; padding: 0 !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{ display: block !important; margin: 0 !important; padding: 0 !important; width: 449px !important; font-family: Arial; color: ###### !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: ######; padding: 0px !important; margin: 0px !important; padding-right: 5px !important; position: relative; z-index: 6; font-weight: normal; font-size: 10px !important; display: block; height: 35px; text-transform: Capitalize; _font-size: 10px !important; _width:120px; _text-align:right; _font-weight: normal; _postion: absolute !important; _margin-top: -4px !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{ line-height: 35px; position: absolute; display: block; border-bottom: 1px dotted dimgray; border-color: ######; width: 443px; color: ######; padding: 0px !important; margin: 0px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _margin-top: -3px !important; _font-weight: normal !important; _margin-left: -3px !important; _width:449px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{ height:65px; width:450px; display:block; background-image: url(http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/OurBlogs.png); background-repeat: no-repeat; background-position: 55px 0px; float: left; font-size: 1px; overflow: hidden; color:1a1a18; } .music {display:none;} table table td.text div object {position:absolute; top:690px; left:50%; margin-left:-232px;z-index:4} table table td.text div object object {position:static; margin-left:0px;} .shows {position:absolute; top:1445px; _top:1300px; left:50%; margin-left:0px; _margin-left:###px; width:380px; height:65px; z-index:1;} .topbanner {position:absolute; left:50%; top:0px; margin-left:-437px; _margin-left:###px; width:880; height:1069px; z-index:2;} .topbannerhover {position:absolute; top:1036px; left:50%; margin-left:-437px; _margin-left:###px; width:880px; height:65px; z-index:1;} div.topbanner a:hover{ border-top: none; opacity: 0.0; filter: alpha(opacity=0); width: 0px; height: 0px; z-index:2; } </style> <div class="topbanner"> <img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_01.png" /></a><br><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_02.png" /></a><br><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_03FIX.png" /></a><br><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_04.png" /></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_05.png" /></a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_06.png" /></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_07.png" /></a><br><a href="http://www.myspace.com/sam_the_tank"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_08.png" /></a><a href="http://www.myspace.com/go_eat_some_donkey"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_09.png" /></a><a href="http://www.myspace.com/akura-class"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_10.png" /></a><a href="http://www.myspace.com/comeawaycroc"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_11.png" /></a><a href="http://www.myspace.com/simorolla"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL1_12.png" /></a> </div> <div class="topbannerhover"> <a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_04.png" /></a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_05.png" /></a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_06.png" /></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=130275113"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_07.png" /></a><br><a href="http://www.myspace.com/sam_the_tank"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_08.png" /></a><a href="http://www.myspace.com/go_eat_some_donkey"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_09.png" /></a><a href="http://www.myspace.com/akura-class"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_10.png" /></a><a href="http://www.myspace.com/comeawaycroc"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_11.png" /></a><a href="http://www.myspace.com/simorolla"><img src="http://i578.photobucket.com/albums/ss224/zet088/Dethroned/HeaderROLL2_12.png" /></a> </div> <div class="shows"> <img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/UpcomingShows.png" /></a> </div> Thanks!
Reason for edit: Please use [thumb] tags instead of [img] tags when posting large images. - Mike
|
|
|
|
Sep 10 2009, 03:35 PM
Post
#2
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Sorry, that's not possible. Setting a bottom border to those rows will add bottom borders to other areas of your page since the Upcoming Shows table doesn't have a class that can allow you to target it specifically.
|
|
|
|
Sep 13 2009, 04:16 AM
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 253 Joined: Jul 2009 Member No: 739,898 |
Alright, thanks anyway.
|
|
|
|
Sep 13 2009, 04:49 AM
Post
#4
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
Topic closed & moved.
|
|
|
|
![]() ![]() |