remove bar above about me and who i'd like to meet and my blurbs Options

[mikey122]

How would I hid the bar thats left after I removed the extended network box and the blog box? Also how would I remove the part where its says my names' blurbs?

Here's a screenshot that can show the bar that I'd like to remove (it displays it better than I can describe)

click to enlarge

Here's the code I used to remove the extended network and the blog

CODE

.latestBlogEntry {display:none}
table.extendednetwork {display: none;}

I believe it should be table.latestBlogentry but I'm not sure

Reason for edit: please thumb large images :) -nat

[Mickey]

CODE

<style>
body { background-color:000000; background-image:url(); background-repeat: no-repeat; background-position: top left; background-attachment:fixed; }
table, td { background-color:transparent; border:0px; }
table table table { width: 100%; border-color:474e50; border-style:solid; border-width:1px; padding:4px; }
table table table td, table table table table { width:auto; border-style:none; background-image:none; }

body, div, p, td, .text, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color: dde3e4; font-weight:normal; text-decoration:none; }
.nametext { color: CC0000; font-size:18px; font-weight:bold; }
.btext, .orangetext15, .whitetext12 { color: FFFFFF; font-weight:bold; }
strong, .lightbluetext8, .redtext { color: FFFFFF; }
.blacktext10, .blacktext12 { color: 333333; font-size:10px; font-weight: normal; font-style:italic; }
.redbtext, .redlink { color: 566063 !important; }
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited { color:FFFFFF; font-weight:bold; text-decoration:none; }
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active { color:566063; text-decoration:underline; }

.contactTable {
width:290px !important; height:150px !important; padding:0px !important; background-image:url(http://img.freecodesource.com/myspace-layouts/images/layouts/1177445969-922-2.gif);
background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent; }
.contactTable table, table.contactTable td { padding:0px !important; border:0px; background-color:transparent; background-image:none; }
.contactTable a img { visibility:hidden; border:0px !important; }
.contactTable a { display:block; height:28px; width:115px; }
.contactTable .text { font-size:1px !important; }
.contactTable .text, .contactTable a, .contactTable img { filter:none !important; }
.contactTable .whitetext12 { display:none; }


td.text .orangetext15, .blurbs td.text {visibility:hidden; display:none; border:0px;}

.extendedNetwork, .latestBlogEntry, .tdborder {border:none; display:none;}
table.blurbs {margin-top:-42px; background-color:000000;}
</style>

The text in bold is what I added/edited in your code to get that result. (They're at the bottom.)

I added .tdborder to make your tables the same width, but it removed your contact box and general table as well. Remove it to make them show, and don't worry. The border still won't show behind the Blurbs table.