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 :)

[Mickey]

Look for this in your codes:

CODE

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

Replace it with this:

CODE

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{
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;
}

See if that does the trick.