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

[audioasylum]

This has been by far the best help anywhere on the net to setting up my bands page but I am having problems with relocating my upcoming shows. I put in a code that I found elsewhere but for some reason all the DIV items I made get pushed down the page starting at the point where the upcoming shows table starts. I use IE and this may be why i dont know. If someone could help me that would be awesome here is my code:

CODE

<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: 700px;
background-color: 000000;
background-image:url();
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}
table table table table, table table table td{
background-image:none;
background-color:transparent;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, 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:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}
a {
color: FFFFFF !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;
}
.latestBlogEntry {
position:absolute;
top:970px;
margin-left: -400px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}
table .latestBlogEntry {
width:325px!important;
}
td.text div {
position:absolute;
left:50%;
top:1300px;
margin-left:-400px;
}
td.text td div {
position:absolute;
margin-left:0px;
}
div.gap {
background-color: 000000;
top: 870px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 50px;
position: absolute;
}
div.leftcolumn {
background-color: 000000;
top: 920px;
left: 50%;
margin-left: -400px;
width: 325px;
height: 1000px;
position: absolute;
}
div.borderleft {
top: 4px;
left: 50%;
margin-left: -450px;
width: 100%;
height: px;
position: absolute;
}
div.borderright{
top: 4px;
left: 50%;
margin-left: 400px;
width: 100%;
height: px;
position: absolute;
}
div.youtube{
top: 4px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.itunes{
top: 4px;
left: 50%;
margin-left: -233px;
width: 100%;
height: px;
position: absolute;
}
div.facebook{
top: 4px;
left: 50%;
margin-left: -75px;
width: 100%;
height: px;
position: absolute;
}
div.twitter{
top: 4px;
left: 50%;
margin-left: 92px;
width: 100%;
height: px;
position: absolute;
}
div.merchstore{
top: 4px;
left: 50%;
margin-left: 255px;
width: 100%;
height: px;
position: absolute;
}
div.maintitle{
top: 59px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.message1{
top: 423px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
z-index:1;
}
div.message1 a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);width: 0px; height: 0px;
z-index:1;
}
div.message{
top: 423px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.add{
top: 464px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.comment{
top: 499px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.forward{
top: 536px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.favorite{
top: 573px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.pics{
top: 615px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
div.video{
top: 615px;
left: 50%;
margin-left: -313px;
width: 100%;
height: px;
position: absolute;
}
div.lowertitle{
top: 423px;
left: 50%;
margin-left: -204px;
width: 100%;
height: px;
position: absolute;
}
div.bottomborder{
top: 647px;
left: 50%;
margin-left: -399px;
width: 100%;
height: px;
position: absolute;
}
</style>
<div class="gap"></div>
<div class="leftcolumn"></div>
<div class="borderleft"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Left.jpg" /></div><br />
<div class="borderright"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Right.jpg" /></div><br />
<div class="youtube"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Youtube.jpg" /></div><br />
<div class="itunes"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/iTunes.jpg" /></div><br />
<div class="facebook"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/facebook.jpg" /></div><br />
<div class="twitter"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/twitter.jpg" /></div><br />
<div class="merchstore"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/MerchStore-1.jpg" /></div><br />
<div class="maintitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Main_Title.jpg" /></div><br />
<div class="message1"><a href="www.yahoo.com'><img src="></a></div><br />
<div class="message"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Message.jpg" /></div><br />
<div class="add"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Add.jpg" /></div><br />
<div class="comment"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Comment.jpg" /></div><br />
<div class="forward"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Forward.jpg" /></div><br />
<div class="favorite"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Favorite.jpg" /></div><br />
<div class="pics"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Pics.jpg" /></div><br />
<div class="video"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Videos.jpg" /></div><br />
<div class="lowertitle"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Lower_Title.jpg" /></div><br />
<div class="bottomborder"><img src="http://i665.photobucket.com/albums/vv16/audiotestpage/Border_Bottom.jpg" /></div><br />

Also if someone could help me with rollover a href pictures that would be awesome, cause I tried your code here as you may see with message and I can't wrap my head around it. I need it for all the following div's:

message, add, comment, forward, favorite, pics and videos.