myspace band general member since band members hide style

MySpace Band Page General Table, Hide or Style

Please refer to the following myspace page to see how the General Table space is structured.
The below link goes to an actual myspace page, with style code added to show the div, table, cell layering, parent relationships, classes, and other attributes which can be used to manipulate this space.
Band MySpace Page Showing Structure, Layout, Classes
The above page is best viewed in FireFox or Opera. IE does not recognize the border-spacing attribute, making it more difficult to see the layering. You can download FireFox using the link in my SideBar

Using the key to the left of the page, and looking at the General Table space we can determine the following:
The general table is three tables deep (as are all of our content tables).
The table is NOT assigned to a class, making it difficult to address uniquely.

Hiding this space completely with out effecting other page elements is difficult.
IF you are willing to replace the space with something else, which is at least 60px in height, this is easily accomplished as follows:

- do NOT enter anything in the band website field. This way this field will NOT show up in the table.
- Put data into the Band Members section to close off the existing General Table, create a div (to hold your custom content, and remove (display:none) the rest of the general table.

The following code block goes in the band members section. You can put any content you want inside the div. Alter the div height as needed to accomodate your content. You can use height:auto as long as your content is at least 60px in height.

<i class="off">!-replace  General Table-!
!-<a href="http://xiii.us/v/">myspace tutorials and code-!</i>
</td></tr></table>
</td></tr></table>

<div class="myGeneral">
your div content here
</div>

<table class="off"><tr><td>
<table class="off"><tr><td>

<style>
{!-hide row headers in General Table-!}
table table table table td span.lightbluetext8 {display:none;}
{!-Position custom Div which will replace General Table-!}
div.myGeneral {position:relative; top:-60px; margin-bottom:-60px;  background-color:white; border:2px pink solid;  width:300px; height:60px; }
</style>

<i class="off">!-END block to replace  General Table-!</i>

It IS POSSIBLE to remove this space, without replacing it.
However, it takes quite a chunk of code, mostly code to reverse the effects on other page elements.
This would require I do the following:
Add additional classification to the profile info area (which does not have a class assigned). I would do this in the headline section.
I would then hide, and minimize to almost nothing; the remainder of the general section.
I would then restore the contents of the profile Info area (using the classification I added).
I would also restore elements in the contact table, using class table.contactTable.
I would restore the URL using the div layers.
I can remove the General header, and then restore it in multiple other places.
So while this is possible, I am not certain it is really worth the effort; when it is not that hard to just cover the remaining content, as I did above.

Remove the Member Since label and text

I created this code for someone who asked the question in a form I frequent.
I am not sure it is worth the work, but this is the code I came up with (it worked for the individual who requested it).

Make sure you don't have anything in the web address field, we will re-create that cell, and then you can add in what you want.

<i class="off">! remove member since !
<a href="http://xiii.us/v/">myspace tutorials and code</a>
! close off general sub table so we can re-create !
</i>
</td></tr></table>
<i class="off">! re-open table, assigning a class !</i>
<table class="myGeneralSub" cellspacing="3" cellpadding="3" width="300" align="center"  style="background-color:white">
<tr class="myBandWeb">
 <td class="myRowHead">
<span class="lightbluetext8">
Web Site
</span></td>
<td class="myContent"><a href="YOUR WEBPAGE URL">
TEXT TO GO WITH URL for webPage
</a></td></tr>
<tr class="myMembers">
<td class="myRowHead"><span class="lightbluetext8">Band Members</td>
<td class="myContent">
PUT YOUR BAND MEMBERS HERE

<style>
{! non IE hide member since date to deal with FF layering issue !}
td[id*="ProfileMember Since"] {visibility:hidden !important;}

{! style the cells we created to match the cell mySpace code creates !}
td.myRowHead {background-color:b1d0f0}
td.myContent {background-color:d5e8fb}

{!-eliminate row headers-}
table table table table span.lightbluetext8 {display:none;}
{!-restore row headers in our new  table-!}
table table table table.myGeneralSub span.lightbluetext8 {display:inline;}

{! move our table up, top border prevents need to position as perfectly !}
table.myGeneralSub { border-top:10px solid; border-top-color:6699cc; margin-top:-40px; z-index:7}

{! change layering of General table Header so it sits on top !}
table table table table td.text span.whitetext12 {position:relative; top:0px; z-index:9}

</style>
<i class="off">! END BLOCK to remove member since !</i>