Help - Search - Members - Calendar
Full Version: Band Profile issues
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
dollywood
Hi

Im trying to create a profile in the style of this www.myspace.com/heislegend

i have split the main pic into the header and the side which should make up one picture but as you can see by the site they dont align

www.myspace.com/tgvisuals

how do i resolve this?

here is my code
CODE
<style>
.profileWidth table { margin-bottom:800px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:800px; height:800px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -800px;
</style>

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

<style>

.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: efe8d9;
background-image:url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yardarmbackground72test.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:000000;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:91a093;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family: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:91a093;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:sans-serif;
}

a {
color: 91a093 !important;
font-family: sans-serif !important;
}

a:hover {
color: 666666 !important;
font-family: sans-serif !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:sans-serif;
}

table table table table, div table table table{
border-style:none;
}

</style>

<style>

.logo {position:absolute; left:50%; top:10px; margin-left:-490px; _margin-left:-500px; width:75px; height:123px; z-index:1;}

.topbanner {position:absolute; left:50%; top:173px; margin-left:-400px; _margin-left:-400px; width:800; height:752px; z-index:1;}

.shows {position:absolute; top:1380px; left:50%; margin-left:-55px; _margin-left:-65px; width:325px; height:40px; z-index:1;}

.toptext {position:absolute; left:50%; top:177px; margin-left:-500px; _margin-left:-500px; width:1000; height:206px; z-index:2;}

.ss1 {position:absolute; left:50%; top:1025px; margin-left:-390px; _margin-left:-390px; width:325px; height:350px; z-index:1;}

.ss2 {position:absolute; left:50%; top:1382px; margin-left:-385px; _margin-left:-390px; width:325px; height:350px; z-index:1;}

.ss3 {position:absolute; left:50%; top:1425px; margin-left:-390px; _margin-left:-390px; width:325px; height:350px; z-index:1;}

.ss4 {position:absolute; left:50%; top:971px; margin-left:-400px; _margin-left:-400px; width:800px; height:40px; z-index:1;}

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: 0px !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/hykyabandnewsgreen.png);
background-repeat: no-repeat;
background-position: -2px 10px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -10px !important;
_margin-top: 0px !important;
}

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: sans-serif;
color: 000000 !important;
clear: both !important;
font-size: 0px !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: ffffff ;
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;
border-color: 91a093;
width: 443px;
color: 000000;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 11px !important;
height: 35px;
_font-size: 11px !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{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: !important;
line-height: 300px;
}


html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 40px !important;
width: 325px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/hykyathefoldgreen.png);
background-repeat: no-repeat;
color: bcbcbc !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
}

html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -12px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/hykyacommentsgreen.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 40px !important;
color: 000000 !important;
width: 325px; position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 30px;
line-height: 300px !important;
_width: 325px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
_margin-bottom: -1px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-size: 12px;
_margin: 0px 0 0 15px;
_font-size: 12px !important;
_color: 000000;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext {
font-weight: normal;
color: 666666;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color: 666666 !important;
font-size: 12px !important;
text-transform: none;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 11px !important;
_margin: 0 !important;
_padding: 0 !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table {
overflow: hidden !important;
border: 1px 000000 !important;
border-color: 000000 !important;
width: 100% !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td {
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: 000000 !important;
margin: 0 !important;
padding: 5px 0px 5px 0px;
border-bottom: 0px 000000 !important;
border-color: 000000 !important;
_line-height: 16px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 {
color: 91a093 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 000000;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a {
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: Uppercase;
padding: 8px;
font-size: 12px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a {
display: block !important;
color: 91a093 !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 12px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img {
visibility: visible !important;
border: 0px 008080 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow {
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img {
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;}

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


</style>

<div class="topbanner">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/cutheader72test.jpg" />
</div>

<div class="shows">
<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/hykyashows1green.png" />
</div>


<img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/hykyaaboutusgreen.png" /><br />
<br />
<center>
Made up of two thirds school friends and one third champagne warehouse colleague
How You Know You’re Alive have been friends many years<br /> but began writing together in late ’07<br />
<br />
Channelling their influences into a cohesive blend of ramshackle grooves and off kilter harmonies alongside a tongue in cheek approach to lyric writing HYKYA offer a hybrid of alternative styles whilst carving a<br /> musical niche entirely of their own<br />
<br />
The bands new ep “ Huzzah, Hoorah, Hurray” was recorded at<br /> Yardarm Studios during Sept ’09 and the band<br /> will be playing throughout 2010 in support of it<br />
<br />
For more info and / or bookings please contact us at hykya@hotmail.com</center><br />
<br />
<center>CHECK US OUT ON THESE SITES:-<br />
<br />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ncm91cC5waHA/Z2lkPTQ1NDM5OTM3ODgx"><img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/facebooklogogreen1.png" /></a><br />
<br />
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvSFlLWUFsaXZl"><img src="http://i378.photobucket.com/albums/oo222/tgvisuals/Hykya/youtubelogogreen1.png" /></a></center>

<style>
table table table {visibility:hidden;}
td.text table {visibility:visible;}
</style>





thanks
Mickey
Your URL doesn't work.
dollywood
sorry my bad the url is www.myspace.com/tgvisualsbands

Mickey
You need to add spacing to the top of your background image so it moves down and aligns with your top banner.
dollywood
thanks for that

sorry to sound dumb but how do i add spacing?
Mickey
You have to fix the image manually on Photoshop or another image-editing program and re-upload it and set it as your new background.
fixtatik
Er...I assume you've already deleted the images, since your page doesn't have any. But you shouldn't have to manually do it in an editing program; you can just move the background with CSS:
CODE
background-position:50% -100px;

50% puts the background in the middle of the page. -100px moves it down 100 pixels. You can fiddle with both numbers as you see fit.
Mickey
But won't there be a blank space in the top area Dollywood will have to fill with something?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.