Layout code trouble, i just need some code help Options

[zakurochan]

ok so the thing is i am trying my hand at making my first default layout. i got all the html and coding right but instead of my extended network banner i wanted to add an image instead. so i used this code

CODE

table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i29.photobucket.com/albums/c295/banana560/z107404280.jpg");
background-repeat:no-repeat;
background-position:center center;
width:435px; height:361px; display:block !important;
font-size:0.0em; letter-spacing:-5px;}
span.blacktext12 span,
span.blacktext12 img {display:none;}

it works and everything but after i hide my blogs there is this huge space i cant seem to take away. so the ending product is this:
how it looks
but this is an example of how i want it to look:
how i want it to look
notice the difference in the space of the network banner to the text? i want to get rid of that space. does any one know a code to fix this? and also how to get rid of the black border on the image as well

[Mickey]

Replace your About Me codes with this:

CODE

<style>
body {background-color:; background-image:url("http://i29.photobucket.com/albums/c295/banana560/SailorMars.jpg"); background-repeat:repeat; background-position:bottom left; background-attachment:fixed;}
big { font-family:arial; font-size:21px; letter-spacing:-1px; line-height:20px; text-transform:lowercase; font-weight:normal; text-decoration:none; color:660066;}
.nametext { font-family:arial black; font-size:15px; letter-spacing:0px; line-height:15px; text-transform:uppercase; font-weight:normal; text-decoration:none; color:F660066;}
img{border:none}

</style><style>
td, a, body, table, body, td, li, p, div, li, h1, h2, p, br, .text, textarea, .btext, .lightbluetext8, a:link, a:active, a:hover, a:visited, .orangetext15,
.whitetext12, .redtext, .redbtext {
text-transform:lowercase;
font-family:arial;
font-size:11px;
line-height:10px; text-decoration:none;}
.blacktext10 {text-transform:lowercase;font-family:arial;font-size:11px;color:FF0033;padding-left:1px;display:block;}
.friendsComments .orangetext15 {padding-left:9px;}
.contacttable img{padding:0px;display:block;margin:-5px;}
textarea {border:1px solid black;color:FF0033;line-height:10px;font-family:century gothic;font-size:9px;letter-spacing:1px;}
a.navbar:link,{color:FF0033} a.navbar:active, a.navbar:visited {text-transform:lowercase; font-family:arial;font-size:11px;color:FF0033;letter-spacing:1pt;font-weight:normal;text-decoration:none;line-height:13px;}
a.navbar:hover {text-transform:lowercase; font-family:arial;font-size:11px;color:660066;letter-spacing:1pt;font-weight:normal;text-decoration:none;line-height:13px;}
a:hover {cursor:;}
br{line-height:2px;} table, tr, td {height:0px;padding:0px;border:0px;}
tr { background-color:transparent; }
.extendednetwork table, .extendednetwork tr, .extendednetwork td{border:0px solid black;}
.redlink, .friendSpace .btext { display:none;} .imgonlinenow { display:none;}


</style>

<style>table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i29.photobucket.com/albums/c295/banana560/z107404280.jpg");
background-repeat:no-repeat;
background-position:center center;
width:300px; height:150px; display:block !important;
font-size:0.0em; letter-spacing:-5px; border:0px;}
span.blacktext12 span,
span.blacktext12 img {display:none;}</style>

<a href="http://www.msplinks.com/MDFodHRwOi8vczI5LnBob3RvYnVja2V0LmNvbS9hbGJ1bXMvYzI5NS9iYW5hbmE1NjAvP2FjdGlvbj12
WV3JmN1cnJlbnQ9MDAyNi5naWY=" target="_blank"><img src="http://i29.photobucket.com/albums/c295/banana560/0026.gif" border="0" alt="Photobucket" /></a>
</style>

If you want to move up your About Me section, add this at the bottom of that code:

CODE

<style>
.blurbs table {margin-top:-50px;}
</style>

Just change 50 to another amount according to your liking.