mySpace latestBlogEntry Blog table style hide

MySpace Profile Blog Table
note:This article covers the blog table on the main profile page. If you are looking for information related to the styling the blog content page go here:
myspace blog page customizing

The code on this page consists of css STYLE commands. I did not provide style tags with each code block.
Before Using the below code blocks, start with this style block:

<style type="text/css">
{!-STYLE blog table-!}

</style>

You can now choose the commands you wish to use, and place them in the above block, to create your own blog table style block.

Explanation of Blog Table Location and Structure
The blog table is assigned to class="latestBlogEntry"
This class exists on the standard page, band page and other artist pages (film page, comedy page)

Please refer to the following myspace page to see how this table is structured.
This is a real myspace page, with style code added to show the parent relationships, laying, classes, and other attributes which can be used to manipulate this table.
Regular 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 blog area we can determine the following:
The blog table is this deep:
table td table td.text table.latestBlogEntry
The td I have colored red adds NO value to the above address.
I usually leave it out.
There are multiple other equivalent address strings to address this space.
Sometimes I use just this:
table.latestBlogEntry
I try to avoid this (for multiple reasons), but sometimes I get lazy and use it:
.latestBlogEntry

My diagram does NOT show rows (neither IE or FF do anything with a border applied to a row).
Looking at the cells (shown with dashed borders) one can see that the table consists of multiple rows, each row with one cell.
The first row/cell has the header and "subscribe" link
The last row/cell has the "view all blog entries" link
The cells in-between have the subject and links to the actual blog entries.

We can address the header cell as follows:
table.latestBlogEntry tr:first-child td
The above does not work in IE6. I have not tested it in IE7, but according to the documentation it should work in IE7. It does work in FF, Opera, Mozilla, Safari.

We can address the actual Header in this cell as follows:
table.latestBlogEntry td span.btext

Hide or Remove Blog Table
I can remove the blog table with the following code block:

table.latestBlogEntry {display:none} 

The above will remove the blog table and the space it occupied. It will leave behind a Carriage Return.
If you do not want to remove the whitespace, instead of {display:none} use {visibility:hidden}

If you want to eliminate the space caused by the carriage return, you can do this by adding a negative top margin to the element just below the blog table, or a negative bottom margin to the element just above the blog table. If you still have your blurbs do this
Move Blurb Table Up slightly

{! move blurb table up about one Carriage Return !}
table.blurbs {margin-top:-13px} 

Add Border
To put a border around the entire table I do this:

{! put border around blog table !}
table.latestBlogEntry {border:4px solid; border-color:pink} 

Add Border to Cells
If I want a border around each cell, which will separate each entry, I can do this:

{! add borders to individual entries in blog table !}
table.latestBlogEntry td {border:2px solid; border-color:green}  

Add Background Color to Blog Table

{! add background color to blog table !}
table.latestBlogEntry {background-color:lightblue}

Notice that when you do this, only the bottom cell doesn't show the color of the background, but instead is white.
This is because this cell has been assigned a white background in the myspace code.
We can remove this as follows:

{! remove white background from blog table last cell !}
table.latestBlogEntry td {background-color:transparent}  

Add Background Image to Blog Table

{! add background image to blog table !}
table.latestBlogEntry {background-image:url(http://i14.tinypic.com/6c4xffr.jpg);
background-position:center center; background-repeat:repeat;}  
table.latestBlogEntry td {background-color:transparent;}

Add Background Color to Blog Cells

{! add background color to blog table cells !}
table.latestBlogEntry td {background-color:violet}

Replace Blog With a Background Image

{! Replace Blog with a background image !}
{! size blog table to same size as image !}
table.latestBlogEntry {height:90px; width:200px;}
{! apply background image !}
table.latestBlogEntry 
{background-image:url(http://i14.tinypic.com/6c4xffr.jpg);
background-position:center center; background-repeat:no-repeat;}
{! hide and minimize table content !}
table.latestBlogEntry td {visibility:hidden;}
table.latestBlogEntry td * {display:none;}
table.latestBlogEntry td {height:0px; width:0px; font-size:1px; line-height:1px; padding:0px; margin:0px;}
table.latestBlogEntry br {display:none;}

Replace Blog With Object,Video or Link
If you want to turn your image into a link OR put an object (such as a video) in this space, I recommend that you REMOVE the blogs space, and then create a custom div above the Blubs.
MySpace Custom Content Above Blurbs

Thank you for Visiting; Have a Nice Day


hide blog no white space