Log In · Register

 
Move player/upcoming shows., HELP!
ZeT0
post 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
 
 
Start new topic
Replies
Mickey
post 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.
 

Posts in this topic
ZeT0   Move player/upcoming shows.   Sep 8 2009, 02:24 PM
Mike   Sorry, that's not possible. Setting a bottom b...   Sep 10 2009, 03:35 PM
ZeT0   Alright, thanks anyway.   Sep 13 2009, 04:16 AM
Mike   Topic closed & moved.   Sep 13 2009, 04:49 AM


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