Band Layout Comment Trouble, Comment Table Coding Problem Options

[gohanex999]

Hey guys, I've already posted this on the band layout tutorial but since no one has posted on it for a while I'd thought i'd make it fresh here in order to get some help.

I've been having trouble with coding recently. Its to do with the comment part of it, atm I'm using this code to widen it and make it looks a bit better (placed in the members section):

CODE

<style>
html body.bodyContent table tbody tr td table.friendsComments{
width: 776px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 30px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;

_width: 746px !important;
_margin-left: -2px !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;
}

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: 734px;
height: 15px;
overflow: hidden;
margin: -48px 0 0 8px;
text-align: right;
padding-right: 12px !important;
font-weight: normal; !important
font-size: 8pt;

_margin: -53px 0 0 8px;
_font-size: 8pt !important;
_color: 000000;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-size: 8pt !important;
padding: 0px 2px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{
font-size: 8pt !important;
font-weight: normal; !important;
text-transform: none; !important;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: !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 tr td{
background-color: ;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 8pt !important;
font-weight: normal; !important;
text-transform: none !important;
letter-spacing: 0px;
margin: 0 !important;
border-bottom: 1px solid fa7305 !important;
_line-height: 16px !important; border-left-color:fa7305 !important; border-right-color:fa7305 !important; border-top-color:fa7305 !important;

padding-left:0px; padding-right:0px; padding-top:12px; padding-bottom:12px
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{
font-weight: normal; !important;
text-transform: none !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 8pt;
font-family: arial !important;
letter-spacing: 0px;
text-align: right;
margin: 12px 12px -15px 0px !important;
width: 622px;
border-top: 0px;
_margin: 12px 0px -.5em 0px !important;
_width: 634px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{
display: block !important;
margin: 0px !important;
padding: 12px 12px 0px 12px !important;
font-weight: normal; !important;
text-transform: none !important;
margin-bottom: -20px !important;
font-size: 8pt !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 solid !important;
border-color: !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;
}
</style>

Heres the link to my myspace page:
http://www.myspace.com/mchangdesignstestpage

Excuse the roughness its a test to get the coding working.

This is the problem which I am confused of:

click to enlarge

The strange thing is i've tried the exact same coding used by other bands and the problem has been the same! It makes no sense!

Does anyone know the problem and how to fix it? Its been causing me a lot of hassle for a long time!

I'll be very grateful if someone can help me fix this problem :)

[gohanex999]

Sorry for being picky! I was just wondering how to sort the name so it would be centered?

What do you think I am doing wrong? Everyone else seem to be able to use this code without any trouble!:

CODE

<style>
html body.bodyContent table tbody tr td table.friendsComments{
width: 776px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 30px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;

_width: 746px !important;
_margin-left: -2px !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;
}


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: 734px;
height: 15px;
overflow: hidden;
margin: -48px 0 0 8px;
text-align: right;
padding-right: 12px !important;
font-weight: normal; !important
font-size: 8pt;

_margin: -53px 0 0 8px;
_font-size: 8pt !important;
_color: 000000;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-size: 8pt !important;
padding: 0px 2px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{
font-size: 8pt !important;
font-weight: normal; !important;
text-transform: none; !important;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: !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 tr td{
background-color: !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 8pt !important;
font-weight: normal; !important;
text-transform: none !important;
letter-spacing: 0px;
margin: 0 !important;
padding: 12px 0px 12px 0px;
border-bottom: 0px solid !important;
border-color: 5f4437 !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{
font-weight: normal; !important;
text-transform: none !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 8pt;
font-family: arial !important;
letter-spacing: 0px;
text-align: right;
margin: 12px 12px -15px 0px !important;
width: 622px;
border-top: 0px;

_margin: 12px 0px -.5em 0px !important;
_width: 634px;
}



html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{
display: block !important;
margin: 0px !important;
padding: 12px 12px 0px 12px !important;
font-weight: normal; !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 8pt !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 solid !important;
border-color: !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;
}
</style>

Another member posted a code which does the same thing on this forum, I tried it and it gave me the strange outcome, when it supposed to make them disappear :/

This is the code he gave:

CODE

<style>
html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 30px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;

_width: 770px !important;
_margin-left: -2px !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;
}


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: 758px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -48px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: FF22FF;
font-weight: normal;
font-size: 11px;

_margin: -53px 0 0 8px;
_font-size: 11px !important;
_color: 000000;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-size: 11px !important;
color: FF22FF;
padding: 0px 2px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{
color: FF22FF !important;
font-size: 11px !important;
text-transform: Uppercase;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: !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 tr td{
background-color: !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 11px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: FF22FF !important;
margin: 0 !important;
padding: 12px 0px 12px 0px;
border-bottom: 1px solid !important;
border-color:FFFFFF !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: FF22FF !important;
text-transform: Uppercase !important;
font-weight: bold;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 11px;
font-family: arial !important;
letter-spacing: 0px;
text-align: right;
margin: 12px 12px -15px 0px !important;
width: 622px;
border-top: 0px solid black;

_margin: 12px 0px -.5em 0px !important;
_width: 634px;
}



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: FF22FF !important;
margin: 0px !important;
padding: 12px 12px 0px 12px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 11px !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 solid dimgrey !important;
border-color: !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;
}

</style>

And this was the apparent outcome:



Do you know might be the problem because even with that code, i get that funny thing with the links!

Thanks for helping me!