Making a Band Layout, Version 2 Options

[YDG]

MySpace Band Layout Tutorial

Welcome to Version 2 of the Band Layout Tutorial! This tutorial will help you out in making those professional looking layouts that graphic designers are making for these rising bands. A lot of people are getting into this kind of thing, and resources for Band Layouts are very slim, so I hope this topic helps anyone out that needs the help and resources.

Rules:

• Do not spam this thread.
• Please look through other posts to see if a problem similar to yours is resolved.
• If you see a broken link, unavailable screenshot, or non-working code, please report it to me.
• If you are having any trouble, feel free to ask in here or PM me.
• If you leave me a PM, please give me a week to reply before sending me more PM's.
• If you have any requests for my tutorial, please post in this topic.

Table of Contents:

1. Getting Started
2. Changing the Look & Feel
3. Adding a Top Banner
4. Slicing Images
5. Working With Image Rollovers
6. Creating A Custom Left Side
7. Adding Headers
8. Moving Blogs to the Left Side
9. Adding a Shows Header
10. Finishing Up
    --------------------
11. Frequently Asked Questions

[teamteamspirit]

Could anyone help me with this? I'd greatly appreciate it.

http://www.myspace.com/teamteamspirit

why is there a large black space at the top? I can't figure it out.

CODE

<style>
.profileWidth table { margin-bottom:800px; width:-509px; }
.rail { display:none; }
.gap {
background: top center no-repeat;
width:800px; height:-6400px;
position:absolute; top:0; left:50%;
margin:497px 0 -400px -400px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:0px; height:0px; z-index:1;}





</style>








<div class="gap"><div class="topbanner">
<img src="http://img25.imageshack.us/img25/3676/46001086.jpg" />
</div></div>



<style>

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
margin-top:0px;
background-color: ffffff;
background-image:url(http://www.deviantart.com/download/141126973/gbxbcz_by_gro0ve.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .whitetext, .whitetext10, .whitetext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:ffffff;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:C0C0C0;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: C0C0C0 !important;
font-family: Arial !important;
}

a:hover {
color: 666666 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}

</style>

Reason for edit: Use codeboxes, please -Nat