Help - Search - Members - Calendar
Full Version: Making a Band Layout
Forums > Resource Center > Support Center > MySpace Support
Pages: 1, 2, 3, 4
YDG
QUOTE(innerdemon25 @ Aug 20 2009, 01:44 AM) *
This tutorial is very good on how to really get started with coding a band layout. But I am sorry to say, that by uploading images to webs.com just for hosting them without having a website open through them, is against the terms of service, and will delete your account without warning. They have done it to me before. Just something i think you should have included. biggrin.gif
-Brandon L
-Revolutions Designs


I have multiple accounts open with them and they've been active for almost two years without any sort of website, and I haven't been deleted.
monkeyprince
QUOTE(lucasnotreally @ Aug 20 2009, 10:41 AM) *
it should look like this:
CODE
<div class="topbanner">
SLICES TABLE HERE
</div>


Oh dude, thank you! I appreciate it so much man, I'll try in a bit.
thesnowpirate
whats the best way for positioning the player?
Mickey
Try using my code.
thesnowpirate
QUOTE(Mike @ Aug 23 2009, 01:09 PM) *
Try using my code.


thanks for that, i had been messing with a similar code. but i was able to figure out the whole 50% thing with yours, so thanks.

i still cant get it to align vertically in all browsers.

i know there has to be a good way to do it, http://myspace.com/startingoverrocks stays in the same spot on all browsers.

the only idea i could think of was that if it was going by percents, and the page would stay the same height everytime because it had 50 comments displayed, so it would always be the same percentage from the top.

or is that just wrong? anyone have any comments?



edit:

also, im re-reading through the tutorial, unless its just called something else, how do i move everything behind the table i made down? (blog comments, everything that you would normally see. not remove anything, just move it all down. do i have to move it by each section?)

see: http://www.myspace.com/thesnowpirates

only code (as taken from the first / second step)

CODE
<style>

object {position:absolute; height:295px; width:350px; left:50%; z-index:9;}
object {top:250px!important; margin-left:-400px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}}


.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://rocketnight.com/images/myspace/heymonday/hmbg.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: 000000 !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;
}


div.topbanner {
width: 908px;
height: auto;
top: -2px;
margin-left: -440px;
_margin-left: -440px;
left: 49%;
position: absolute;
align: center;
z-index: 3;
overflow: hidden;
background-color: FFFFFF;}
}

</style>

<div class="topbanner">
<table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td>
</tr>
<tr>
<td rowspan="8">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td>
<td>
<img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td>
<td rowspan="7">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td>
</tr>
</table></div>
Mickey
That won't work because each comment has an indefinite height. Are you only having problems on Firefox? It might just shift upward on there because you have AdBlock Plus installed and enabled.
thesnowpirate
im actually testing it in:

Firefox Version: 3.52
Chrome Verion: 2.0.172.39
Internet Explorer Version: 8.0.7100.0

As it is right now, in Chrome its the highest (vertically).

FF and IE display it at the same height, but IE has it moved over slightly to the right (about 15-20 pixels)

I dont have any adblock or any extensions that would change the conent on the page. I only have Nod32 live, and after i read your post, i disabled it and refreshed, and all pages stayed the same.

What about if i were to bound the player in a table? or is that not possible?
Mickey
Unfortunately, that's not possible. Do you mind posting a link to your page?
thesnowpirate
http://www.myspace.com/thesnowpirates

im just practicing. i got that photo from picture. its just a fake myspace.
Mickey
Try replacing the codes you posted with this:

CODE
<style>

object {position:absolute; height:295px; width:350px; left:50%; z-index:9;}
object {top:250px!important; margin-left:-400px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}


.orangetext15 {display: none;}
.whitetext12 {display: none;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:url(http://rocketnight.com/images/myspace/heymonday/hmbg.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: 000000 !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;
}


div.topbanner {
width: 908px;
height: auto;
top: -2px;
margin-left: -440px;
_margin-left: -440px;
left: 49%;
position: absolute;
align: center;
z-index: 3;
overflow: hidden;
background-color: FFFFFF;}
}

</style>

<div class="topbanner">
<table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td>
</tr>
<tr>
<td rowspan="8">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td>
<td>
<img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td>
<td rowspan="7">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td>
</tr>
</table></div>
thesnowpirate
QUOTE(Mike @ Aug 24 2009, 07:56 AM) *
Try replacing the codes you posted with this:



wow. that code works perfectly. is the only thing you changed the object?
Mickey
On this bit here:

CODE
object object, td td td object, embed {position:static; margin:auto!important;}}


.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

I removed the extra closing bracket on the first line and the whole last line.
AncientButterfly
this is awesome!!
GEDDON666
I'm trying to add a banner under the nav with my own nav buttons. Not sure where to place my code in yours.
YDG
http://www.createblog.com/forums/index.php...t&p=3220146

Follow that step. You put your codes in-between the set of DIV tags I provide in that post.
ZeT0
Would love if rollover screen shots were working. >.<"
mekko
Hello, How can i hide the Navbar TOP ARTIST/SHOWS/FORUM ?

im doing all i can and the only thing i did is put this navigation bar more thin


i used this code :

<style>
table td a.navbar{display:none!important;}
</style>

or if it is impossible how can i change the background color and font color?

Thank you very much

Deammer
Amazing tutorial A1Bassline, you just earned my eternal gratitude biggrin.gif thumbsup.gif
Here's what my band's page looks like thanks to you:
Enamored's Myspace

As you will see, i have yet to find how to modify the font color in the comments section since it was set to black when I added the "Comments" header, which makes it invisible, but i'm really satisfied with it, so thanks again _smile.gif

Deammer
Mickey
Try adding this to your codes:

CODE
<style>
.friendsComments .columnsWidening {color:ffffff!important;}
</style>

That should make them show.
Deammer
I basically changed all the colors in the codes containing a ".friendsComments" division to white and now i can see the comments biggrin.gif
Thanks a lot Mike !

Deammer
Mickey
No problem. Good job with the page by the way.
svdis
So...I think like last week there was a link right at the beginning of this article basically saying, don't be an idiot and ask how to cover up the nav bar and myspace logo, here's how to do it. Now it's gone...so is that not allowed anymore or am I an idiot and don't know where to look?
Mickey
That link was removed yesterday. If you want to hide everything on the top section except for the advertisement, try the code below:

CODE
<style>
.profile {display:none!important;}
div div table div {display:none;}
.clearfix table div div {display:block;}
</style>

That works on a regular 1.0 profile and an artist profile, except it doesn't hide the music navigation bar since that can't be removed.
audioasylum
This has been by far the best help anywhere on the net to setting up my bands page but I am having problems with relocating my upcoming shows. I put in a code that I found elsewhere but for some reason all the DIV items I made get pushed down the page starting at the point where the upcoming shows table starts. I use IE and this may be why i dont know. If someone could help me that would be awesome here is my code:

CODE
<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 {
margin-top: 700px;
background-color: 000000;
background-image:url();
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;
}
.latestBlogEntry {
position:absolute;
top:970px;
margin-left: -400px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}
table .latestBlogEntry {
width:325px!important;
}
td.text div {
position:absolute;
left:50%;
top:1300px;
margin-left:-400px;
}
td.text td div {
position:absolute;
margin-left:0px;
}
div.gap {
background-color: 000000;
top: 870px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 50px;
position: absolute;
}
div.leftcolumn {
background-color: 000000;
top: 920px;
left: 50%;
margin-left: -400px;
width: 325px;
height: 1000px;
position: absolute;
}
div.borderleft {
top: 4px;
left: 50%;
margin-left: -450px;
width: 100%;
height: px;
position: absolute;
}
div.borderright{
top: 4px;
left: 50%;
margin-left: 400px;
width: 100%;
height: px;
position: absolute;
}
div.youtube{
top: 4px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.itunes{
top: 4px;
left: 50%;
margin-left: -233px;
width: 100%;
height: px;
position: absolute;
}
div.facebook{
top: 4px;
left: 50%;
margin-left: -75px;
width: 100%;
height: px;
position: absolute;
}
div.twitter{
top: 4px;
left: 50%;
margin-left: 92px;
width: 100%;
height: px;
position: absolute;
}
div.merchstore{
top: 4px;
left: 50%;
margin-left: 255px;
width: 100%;
height: px;
position: absolute;
}
div.maintitle{
top: 59px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.message1{
top: 423px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
z-index:1;
}
div.message1 a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);width: 0px; height: 0px;
z-index:1;
}
div.message{
top: 423px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.add{
top: 464px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.comment{
top: 499px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.forward{
top: 536px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.favorite{
top: 573px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.pics{
top: 615px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.video{
top: 615px;
left: 50%;
margin-left: -313px;
width: 100%;
height: px;
position: absolute;
}
div.lowertitle{
top: 423px;
left: 50%;
margin-left: -204px;
width: 100%;
height: px;
position: absolute;
}
div.bottomborder{
top: 647px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
</style>
<div class="gap"></div>
<div class="leftcolumn"></div>
<div class="borderleft"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Left.jpg" /></div><br />
<div class="borderright"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Right.jpg" /></div><br />
<div class="youtube"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Youtube.jpg" /></div><br />
<div class="itunes"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/iTunes.jpg" /></div><br />
<div class="facebook"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/facebook.jpg" /></div><br />
<div class="twitter"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/twitter.jpg" /></div><br />
<div class="merchstore"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/MerchStore-1.jpg" /></div><br />
<div class="maintitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Main_Title.jpg" /></div><br />
<div class="message1"><a href="www.yahoo.com'><img src="></a></div><br />
<div class="message"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Message.jpg" /></div><br />
<div class="add"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Add.jpg" /></div><br />
<div class="comment"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Comment.jpg" /></div><br />
<div class="forward"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Forward.jpg" /></div><br />
<div class="favorite"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Favorite.jpg" /></div><br />
<div class="pics"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Pics.jpg" /></div><br />
<div class="video"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Videos.jpg" /></div><br />
<div class="lowertitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Lower_Title.jpg" /></div><br />
<div class="bottomborder"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Bottom.jpg" /></div><br />


Also if someone could help me with rollover a href pictures that would be awesome, cause I tried your code here as you may see with message and I can't wrap my head around it. I need it for all the following div's:

message, add, comment, forward, favorite, pics and videos.
fixtatik
A few things I feel should be updated (just suggestions).

1. In the first step, you're missing a closing bracket on the "gap" class. Browsers typically auto-close it with the </style> tag right after it, but some browsers won't know what to do with it. And since everyone is just copying and pasting, everyone is missing the closing bracket.

2. Instead of using font-size:1px; to hide fonts on headers, use text-indent:-9999em;. Giving a huge negative indentation drags the text completely off the left side of the screen.

3. Using absolute positioning for the shows header doesn't always work properly, depending on the way people code, and if Firefox users have Adblock Plus installed. I'd use this instead:
CODE
div .whitetext12 { background:url(URL); display:block; height:##px; text-indent:-9999em; width:##px; }
hiddenflaw
Hey guys, I'm having some trouble with my layout in IE.

It works perfectly in Firefox, but is all kinds of jacked up in IE.
myspace.com/ineedtotestthis

Any idea what would mess this stuff up as bad as it is? (It will constantly be changing because I'm tweaking things to try to figure it out)

HELP!

Thanks.
ZeT0
^ Post your code so people can try and help you out.
hiddenflaw
Okay, so here's all of my code. It's probably too much and a little sloppy, but I've been tweaking this thing for awhile. Please help!

CODE
<style>
.profileWidth table { margin-bottom:844px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -496px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:894; height:844px; z-index:1;}
.menu {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:844px 0 -400px -449px;
_margin:844px 0 -400px -450px;
}
.player {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:962px 0 -400px -449px;
_margin:962px 0 -400px -450px;
}
.tg_left {
position:absolute; top:1344px
; left:50%; margin-left:-449px;
_margin-left:-450px; width:325px;
height:800px; z-index:1;
}

.mike {
position:absolute; top:1445px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 450px;
visibility: visible;
width: 1px;
height: 0px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.twitter{
width:422px
display:block;
height:500px

padding-top:20px;
_padding-top:20px;
margin-top:42px;
margin-left:-318px;
_margin-top:65px;
_margin-left:-50px;
_width:322px !important;
_height:400px !important;

}

.twitter2{
width:450px !important;
display:block;
height:58px !important;
padding-top:10px;
margin-top:20px;
_margin-top:-20px;
margin-left:118px;
_margin-left:180px;
}

.videos{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
_margin-left:180px;
_Margin-top:-115px;
}

.videos2{
width:430px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:35px;
margin-left:-100px;
_margin-left:-50px;
_margin-top:80px;
}

.promote{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:115px;
_margin-left:147px;
}

.promote2{
width:400px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:140px;
_margin-left:20px;

}

.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 0px;
}



object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}
object {top:-40px!important; _top:-90px!important; margin-left:-555px!important; _margin-left:-410px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>



<div class="gap"><div class="topbanner">
<img src="http://connerjones.webs.com/photos/-consensus/layout-header.jpg" />
</div></div>

<div class="menu">
<table id="Table_01" width="894" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_01.jpg" width="327" height="59" alt="" /></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_02.jpg" width="149" height="49" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20=">
<img src="http://connerjones.webs.com/photos/null/layout_03.jpg" width="101" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Db25zZW5zdXNCYW5k">
<img src="http://connerjones.webs.com/photos/null/layout_04.jpg" width="85" height="49" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_05.jpg" width="103" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://connerjones.webs.com/photos/null/layout_06.jpg" width="84" height="49" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://connerjones.webs.com/photos/null/layout-menu_07.jpg" width="45" height="118" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://connerjones.webs.com/photos/null/layout-menu_08.jpg" width="522" height="10" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_09.jpg" width="272" height="3" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://connerjones.webs.com/photos/null/layout_10.jpg" width="211" height="47" border="0" alt="" /></a></td>

<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_11.jpg" width="94" height="47" border="0" alt="" /></a></td>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_12.jpg" width="272" height="3" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_13.jpg" width="49" height="56" alt="" /></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://connerjones.webs.com/photos/null/layout_14.jpg" width="73" height="44" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_15.jpg" width="1" height="56" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_16.jpg" width="149" height="44" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_17.jpg" width="120" height="44" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_18.jpg" width="152" height="44" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/layout-menu_19.jpg" width="73" height="12" alt="" /></td>

<td colspan="9">
<img src="http://connerjones.webs.com/photos/null/layout-menu_20.jpg" width="726" height="12" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="49" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="73" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="7" height="1" alt="" /></td>

<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="94" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="68" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="84" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="45" height="1" alt="" /></td>
</tr>
</table>
</div>
<div class="player">
<img src="http://connerjones.webs.com/photos/-consensus/picture-player.jpg" />
</div>



<div class="shows">
<img src="http://connerjones.webs.com/photos/-consensus/shows.jpg" />
</div>


<div class="twitter2">
<img src="http://connerjones.webs.com/photos/-consensus/twitter.jpg" />
</div>

<div class="twitter">


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="500" width="422" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="500" width="422" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>


</div>
<div class="videos">
<img src="http://connerjones.webs.com/photos/-consensus/videos.jpg" />
</div>

<div class="videos2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="245" width="430">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" height="245" width="430" wmode="transparent" />
</object>
</div>

<div class="promote"><center>
<img src="http://connerjones.webs.com/photos/-consensus/promote.jpg" />
</div>
<div class="promote2">

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" border="1"></a></textarea>

<br />

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<br />
<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.giff" border="1"></a></textarea>

<center></div>


<div class="mike"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=75800583" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=75800583" quality="high" />
</object></div>

<div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=23279831" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=47543497" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=21549223" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=74049593" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" />
</object>
</div>




<div class="tg_left">

<img src="http://connerjones.webs.com/photos/-consensus/members.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/members-pics.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="><img src="http://connerjones.webs.com/photos/-consensus/shirts.jpg" /></a>
<img src="http://connerjones.webs.com/photos/-consensus/thingswelike.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/stuff.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/info.jpg" />

<div class="leftcontent" align="justify">

<b style="color:3b3d3d;">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color:3b3d3d;">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />

<b style="color:3b3d3d;">HOMETOWN.</b><br />
Kirklin, IN<br />
<br />

<b style="color:3b3d3d;">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.bigcartel.com</a><br />
<br />

<b style="color:3b3d3d;">LABEL.</b><br />
Unsigned<br />
<br />



</div>




<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color:000000 !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 118px !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://connerjones.webs.com/photos/-consensus/blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 167px !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: 399px !important;
font-family: Arial;
color: 000000 !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
_width:380px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: 000000 ;
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;
_margin-left:20px;
}

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: 403px;
color: 000000;
padding: 0px !important;
margin: 0px !important;
margin-left: 30px !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: 12px !important;
_width:380px;
}

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: 000000 !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: 58px !important;
width: 450px !important;
margin: 0 !important;
margin-left: 118px !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://connerjones.webs.com/photos/-consensus/friends.jpg);
background-repeat: no-repeat;
color: transparent !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
_margin-left: 154px !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: 50px !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://connerjones.webs.com/photos/-consensus/comments-1.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 800px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 5px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 45px !important;
_margin-bottom: -1px !important;
_margin-left:50px;
}

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: 000000 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: arial, 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: 000000 !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !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: -4px;}

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




.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: ffffff;
background-image:url(http://fc02.deviantart.com/fs51/f/2009/256/c/c/cc38529b93e12304313046c2a2abdbaa.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: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:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: 444444 !important;
font-family: Arial !important;
}

a:hover {
color: 000000 !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;
}

</style>
bullets
Hi, i'm just trying to put a simple background on the page using following code:

CODE
body {
margin-top:510px;
background-color: ffffff;
background-image:url(http://forevervendetta.webs.com/stripes.jpg);
background-position: top center;
background-repeat: repeat-y;
background-attachment: scroll;
}


It works fine in firefox, but in IE, when there's a flash ad at the top of the page, it offsets the background to the right and a scroll bar appears. any ideas?

thanks
erics0n
Wow this is wonderful.
chadrockman
Does any of this code disable the calender from showing up or not functioning? So far, I have followed the tutorial without and trouble except I can not get my calender to show up on my page =( Any help would be greatly appreciated. Thanks!
Mickey
Are you talking about the Upcoming Shows table?
chadrockman
QUOTE(Mike @ Oct 12 2009, 12:45 PM) *
Are you talking about the Upcoming Shows table?

Yes I am
Mickey
Have you tried pushing down everything below the navigation?
chadrockman
QUOTE(Mike @ Oct 12 2009, 02:59 PM) *
Have you tried pushing down everything below the navigation?


I'm sorry, but I'm not quite sure I understand. Are you talking about the myspace navigation if so, yes everything is below that. Here is a link. The blue squares are just placemarkers for graphics. I was using them for alignment =).
Mickey
Have you even posted any shows yet?
chadrockman
QUOTE(Mike @ Oct 12 2009, 03:20 PM) *
Have you posted any shows at all?

Yes I have. I created some fake dates (all in this month) and allowing everyone to see the calender.
Mickey
Well those dates aren't showing up for some reason. I should be able to find them in your page source if they're there but I can't find any.
chadrockman
QUOTE(Mike @ Oct 12 2009, 03:29 PM) *
Well those dates aren't showing up for some reason. I should be able to find them in your page source if they're there but I can't find any.

So I removed ALL the code and it still wasn't working. So to everyone that is having this problem with band profiles, it's NOT the code. I found out what it was. You can not add dates/events using "Manage Calender". You have to add shows using edit profile. I didn't know there was a difference but I guess there is. So it's working now. Thanks for the help Mike!!
Mickey
No problem.
hiddenflaw
Hey guys, in IE my code apparently makes the little twitter badges HUGE. Any clue as to why?

CODE
.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

...


<div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=23279831" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=47543497" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=21549223" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=74049593" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" />
</object>
</div>
TonyRoots
Hey everyone :)

Just wanna say, excellent tutorial.

I was just after a little bit of help. I don't know whether this comes under 'hiding things' or not.

Basically on my bands profile: http://www.myspace.com/forgottenrootsuk I've managed to put in some nice headers down the left hand side. The only one I can't seem to work out is the one for the Myspace Url section. I don't want the address itself covered over but I do want the white text that says Myspace Url covered over with one of my Photoshop made images.

Any help would be much appreciated :) Thanks
Mickey
QUOTE(hiddenflaw @ Oct 13 2009, 03:39 AM) *
Hey guys, in IE my code apparently makes the little twitter badges HUGE. Any clue as to why?

CODE
.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}
.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

...
<div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=23279831" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=47543497" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=21549223" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=74049593" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" />
</object>
</div>

Can you post all of your codes?

QUOTE(TonyRoots @ Oct 13 2009, 05:05 PM) *
Hey everyone :)

Just wanna say, excellent tutorial.

I was just after a little bit of help. I don't know whether this comes under 'hiding things' or not.

Basically on my bands profile: http://www.myspace.com/forgottenrootsuk I've managed to put in some nice headers down the left hand side. The only one I can't seem to work out is the one for the Myspace Url section. I don't want the address itself covered over but I do want the white text that says Myspace Url covered over with one of my Photoshop made images.

Any help would be much appreciated :) Thanks

If you've made your image, place it inside a DIV and position it around. The code should look like this:

CODE
<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9;">
<img src="URL" alt="" />
</div>

Replace the pound symbols with appropriate values to move the DIV and URL with your image's URL.
TonyRoots
thanks a lot :)
its hard work working out all the measurements and that like, submitting, previewing etc. is there a way to calculate these easier?

and, can you do the same method with a DIV for covering over Upcoming Shows and Blogs?
Mickey
Use the second code on this post to put up a header for the Latest Blog Entry table, and follow the third suggestion on this post to put up a header for the Upcoming Shows table.
hiddenflaw
Hey Mike, here's the rest of my code.

CODE
<style>
.profileWidth table { margin-bottom:844px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -496px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:894; height:844px; z-index:1;}
.menu {
background: top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:844px 0 -400px -449px;
_margin:844px 0 -400px -450px;
}
.player {
background: top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:962px 0 -400px -449px;
_margin:962px 0 -400px -450px;
}
.tg_left {
position:absolute; top:1344px
; left:50%; margin-left:-449px;
_margin-left:-450px; width:325px;
height:800px; z-index:1;
}

.mike {
position:absolute; top:1445px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 450px;
visibility: visible;
width: 1px;
height: 0px;
text-indent: -999999px;
background: transparent bottom left no-repeat;
}

.twitter{
width:422px
display:block;
height:500px

padding-top:20px;
_padding-top:20px;
margin-top:42px;
margin-left:-318px;
_margin-top:65px;
_margin-left:-50px;
_width:322px !important;
_height:400px !important;

}

.twitter2{
width:450px !important;
display:block;
height:58px !important;
padding-top:10px;
margin-top:20px;
_margin-top:-20px;
margin-left:118px;
_margin-left:180px;
}

.videos{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
_margin-left:180px;
_Margin-top:-115px;
}

.videos2{
width:430px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:35px;
margin-left:-100px;
_margin-left:-50px;
_margin-top:80px;
}

.promote{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:115px;
_margin-left:147px;
}

.promote2{
width:400px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:140px;
_margin-left:160px;

}

.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 0px;
}



object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}
object {top:-40px!important; _top:-90px!important; margin-left:-555px!important; _margin-left:-410px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>



<div class="gap"><div class="topbanner">
<img src="http://connerjones.webs.com/photos/-consensus/layout-header.jpg" />
</div></div>

<div class="menu">
<table id="Table_01" width="894" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_01.jpg" width="327" height="59" alt="" /></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_02.jpg" width="149" height="49" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20=">
<img src="http://connerjones.webs.com/photos/null/layout_03.jpg" width="101" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Db25zZW5zdXNCYW5k">
<img src="http://connerjones.webs.com/photos/null/layout_04.jpg" width="85" height="49" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_05.jpg" width="103" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://connerjones.webs.com/photos/null/layout_06.jpg" width="84" height="49" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://connerjones.webs.com/photos/null/layout-menu_07.jpg" width="45" height="118" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://connerjones.webs.com/photos/null/layout-menu_08.jpg" width="522" height="10" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_09.jpg" width="272" height="3" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://connerjones.webs.com/photos/null/layout_10.jpg" width="211" height="47" border="0" alt="" /></a></td>

<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_11.jpg" width="94" height="47" border="0" alt="" /></a></td>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_12.jpg" width="272" height="3" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_13.jpg" width="49" height="56" alt="" /></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://connerjones.webs.com/photos/null/layout_14.jpg" width="73" height="44" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_15.jpg" width="1" height="56" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_16.jpg" width="149" height="44" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_17.jpg" width="120" height="44" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_18.jpg" width="152" height="44" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/layout-menu_19.jpg" width="73" height="12" alt="" /></td>

<td colspan="9">
<img src="http://connerjones.webs.com/photos/null/layout-menu_20.jpg" width="726" height="12" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="49" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="73" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="7" height="1" alt="" /></td>

<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="94" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="68" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="84" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="45" height="1" alt="" /></td>
</tr>
</table>
</div>
<div class="player">
<img src="http://connerjones.webs.com/photos/-consensus/picture-player.jpg" />
</div>



<div class="shows">
<img src="http://connerjones.webs.com/photos/-consensus/shows.jpg" />
</div>


<div class="twitter2">
<img src="http://connerjones.webs.com/photos/-consensus/twitter.jpg" />
</div>

<div class="twitter">


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="500" width="422" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="500" width="422" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>


</div>
<div class="videos">
<img src="http://connerjones.webs.com/photos/-consensus/videos.jpg" />
</div>

<div class="videos2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="245" width="430">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" height="245" width="430" wmode="transparent" />
</object>
</div>

<div class="promote"><center>
<img src="http://connerjones.webs.com/photos/-consensus/promote.jpg" />
</div>
<div class="promote2">

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<textarea style="_margin-left:-160px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" border="1"></a></textarea>

<br />

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<br />
<textarea style="_margin-left:-160px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.giff" border="1"></a></textarea>

<center></div>


<div class="mike"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=75800583" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=75800583" quality="high" />
</object></div>

<div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=23279831" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=47543497" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=21549223" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=0&type=user&id=74049593" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" />
</object>
</div>




<div class="tg_left">

<img src="http://connerjones.webs.com/photos/-consensus/members.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/members-pics.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="><img src="http://connerjones.webs.com/photos/-consensus/shirts.jpg" /></a>
<img src="http://connerjones.webs.com/photos/-consensus/thingswelike.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/stuff.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/info.jpg" />

<div class="leftcontent" align="justify">

<b style="color:3b3d3d;">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color:3b3d3d;">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />

<b style="color:3b3d3d;">HOMETOWN.</b><br />
Kirklin, IN<br />
<br />

<b style="color:3b3d3d;">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.bigcartel.com</a><br />
<br />

<b style="color:3b3d3d;">LABEL.</b><br />
Unsigned<br />
<br />



</div>




<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color:000000 !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 118px !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://connerjones.webs.com/photos/-consensus/blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 167px !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: 399px !important;
font-family: Arial;
color: 000000 !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
_width:380px;
_margin-left:40px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: 000000 ;
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;
_margin-left:22px;
}

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: 403px;
color: 000000;
padding: 0px !important;
margin: 0px !important;
margin-left: 30px !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: 62px !important;
_width:380px;
}

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: 000000 !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: 58px !important;
width: 450px !important;
margin: 0 !important;
margin-left: 118px !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://connerjones.webs.com/photos/-consensus/friends.jpg);
background-repeat: no-repeat;
color: transparent !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
_margin-left: 184px !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: 50px !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;
_margin-left:20px;}

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://connerjones.webs.com/photos/-consensus/comments-1.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 800px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 5px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 45px !important;
_margin-bottom: -1px !important;
_margin-left:50px;
}

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;
_margin-left:12px;}

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;
_margin-left:0px;}

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;
_margin-left:0px}

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: 000000 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: arial, 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: 000000 !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !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: -4px;}

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




.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: ffffff;
background-image:url(http://fc02.deviantart.com/fs51/f/2009/256/c/c/cc38529b93e12304313046c2a2abdbaa.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: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:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: 444444 !important;
font-family: Arial !important;
}

a:hover {
color: 000000 !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;
}

</style>


I'm also having some trouble with alignment in IE, but right now my biggest concern is the oversized twitter badges.

Oh, and the layout can be seen here on my testing site: myspace.com/ineedtotestthis


Thanks again!
Mickey
Find this line in your codes:

CODE
object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}

Remove the size attributes and see if that fixes it.
hiddenflaw
Thanks Mike, it totally did.

I am having a little problem with the shows section being a little too far to the left, and I can't figure out which attribute to change to move it.
norm311
Mike,

I've noticed you've been able to solve some problems with weird IE formating. I have one of my own and I'd really appreciate your help. The code I've been working with looks great in Safari, but in Internet Explorer the left column is too far right. It actually overlaps the right column completely. How can I change my code so it'll work properly in both IE and safari?

Thanks so much,
Travis

Here is the link to the myspace I'm working on:
http://www.myspace.com/213123434341412321321434

And here is my code:


CODE

<i class="i">!!! Start Code To Apply Top Banner !!!!</i>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<style>
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:480px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(http://i269.photobucket.com/albums/jj66/norm311/Banner08.jpg)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
</style>

<i class="i">!!! End Code To Apply Top Banner !!!</i>





<style>

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ###### !important;
width: 417px !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;
background-image: url(http://i269.photobucket.com/albums/jj66/norm311/News02.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -4px !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: 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: 80px;
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: 1px;
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{
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: 52px !important;
width: 399px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i269.photobucket.com/albums/jj66/norm311/Friends00.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
}


.shows {position:absolute; top:1075px; left:50%; margin-left:-42px; _margin-left:###px; width:325px; height:52px; z-index:1;}
table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 52px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.tg_left {position:absolute; top:1192px; left:50%; margin-left:-403px; _margin-left:000px; width:325px; height:900px; z-index:1;}

.nametext{background-color:transparent;font-style:normal;
text-transform:none;border:0;
font-weight:normal;color:white;font-family:helvetica narrow;}


.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://i269.photobucket.com/albums/jj66/norm311/Picture3-1.jpg);
background-position: top center;
background-repeat: repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:yes;
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;
}

</style>


<div class="shows">
<img src="http://i269.photobucket.com/albums/jj66/norm311/Shows01.jpg" />
</div>

<div class="tg_left">
<img src="http://i269.photobucket.com/albums/jj66/norm311/Members00.jpg" />
<img src="http://i269.photobucket.com/albums/jj66/norm311/FullBand.jpg" />
<br></br>
<img src="http://i269.photobucket.com/albums/jj66/norm311/OrlandoWeekly.jpg" />
<br></br>
<img src="http://i269.photobucket.com/albums/jj66/norm311/BelieverApparelAd01.jpg" />
<br></br>
<img src="http://i269.photobucket.com/albums/jj66/norm311/SupportFrom00.jpg" />
<img src="http://i269.photobucket.com/albums/jj66/norm311/Gibson.jpg" />


</div>


<img src="http://i269.photobucket.com/albums/jj66/norm311/Videos02.jpg" />



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3373218&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=3373218&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3373412&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=3373412&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3169743&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=3169743&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2322302&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=2322302&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>

<img src="http://i269.photobucket.com/albums/jj66/norm311/ShowOct22.jpg"/>
Mickey
Look for this line:

CODE
.tg_left {position:absolute; top:1192px; left:50%; margin-left:-403px; _margin-left:000px; width:325px; height:900px; z-index:1;}

Remove the margin-left attribute with an underscore before it.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.