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.

[gohanex999]

Hey! I've tried it and its managed to put it on one row!

click to enlarge

Do you know how to neaten it up a bit? I don't understand why other band's comments are neat and tidy with that code I used and mine isn't cause I've copied the exact same coding and it seems to be failing. Could it be where I put the code?

[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!

[gohanex999]

Thank you so much :) it looks a lot neater now!

I've also found something out while browsing in IE, atm I'm using Firefox to view my profile. I found out that when I look in IE that the coding is correct and that it works exactly the same as the other band spaces!

Any ideas on why that is happening?

Heres the image on the difference between the two web browsers:

click to enlarge

As you can see IE displays the code properly while Firefox somewhats skips it, however this confuses me because on the other bandspaces the comments seem to be functioning fine even on Firefox, it makes no sense at all!

Thanks for all your help!

[gohanex999]

OMG!!! Really?! You're right! They don't appear when I log out! If only I knew in the first place :$!

So the code I was using before were working in the first place! I just had to log out to check it! DOH! Thank you so much for all your help, really really grateful and I hope one day I can return the favour!

Thanks for your time :)