Blog alignment., HELP! Options

[ZeT0]

How do I fix my blog, so the text "Subscibe to this blog" and all the rest move DOWN so it's under the image, like the shows are.
Also how do I move the image across so it's directly underneath the shows banner.
Thankyou!

The problem :


My code :

CODE

<style>
.profileWidth table { margin-bottom:893px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -950px;
</style>

<div class="gap"></div>

<style type="text/css">

.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 {
background-color: 000000;
background-image:url(http://img142.imageshack.us/img142/3177/layoutbackground.jpg);
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;
}

table.contactTable {display:none;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 100px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.shows {position:absolute; top:1465px; left:50%; margin-left:0px; _margin-left:###px; width:380px; height:65px; z-index:1;}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ###### !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/OurBlogs.png);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -4px !important;
_margin-top: 0px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: ###### !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ######;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: ######;
width: 443px;
color: ######;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 1px;
overflow: hidden;
color: ###### !important;
line-height: 300px;
}

.topbanner {position:absolute; left:50%; top:0px; margin-left:-437px; _margin-left:###px; width:879; height:1069px; z-index:2;}

.topbannerhover {position:absolute; top:1042px; left:50%; margin-left:-437px; _margin-left:###px; width:879px; height:65px; z-index:1;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:2;
}

</style>

<div class="topbanner">
<img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_01.png" /><br><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_02.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_03.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_04.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_05.png" /></a>
</div>

<div class="topbannerhover">
<a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_02.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_03.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_04.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_05.png" alt="" /></a>
</div>

<div class="shows">
<img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/UpcomingShows.png" /></a>
</div>

[Mickey]

Replace your codes with this:

CODE

<style>
.profileWidth table { margin-bottom:893px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -950px;
</style>

<div class="gap"></div>

<style type="text/css">

.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 {
background-color: 000000;
background-image:url(http://img142.imageshack.us/img142/3177/layoutbackground.jpg);
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;
}

table.contactTable {display:none;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 100px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.shows {position:absolute; top:1465px; _top:1300px; left:50%; margin-left:0px; _margin-left:###px; width:380px; height:65px; z-index:1;}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ###### !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
overflow: hidden;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: ###### !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ######;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;
_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: ######;
width: 443px;
color: ######;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
height:65px;
width:450px;
display:block;
background-image: url(http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/OurBlogs.png);
background-repeat: no-repeat;
background-position: 55px 0px;
float: left;
font-size: 1px;
overflow: hidden;
color:1a1a18;
}

.topbanner {position:absolute; left:50%; top:0px; margin-left:-437px; _margin-left:###px; width:880; height:1069px; z-index:2;}

.topbannerhover {position:absolute; top:1042px; left:50%; margin-left:-437px; _margin-left:###px; width:880px; height:65px; z-index:1;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:2;
}

</style>

<div class="topbanner">
<img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_01.png" /><br><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_02.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_03.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_04.png" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL_05.png" /></a>
</div>

<div class="topbannerhover">
<a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_02.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_03.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_04.png" alt="" /></a><a href="http://www.google.com"><img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/Header-ROLL2_05.png" alt="" /></a>
</div>

<div class="shows">
<img src="http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/UpcomingShows.png" /></a>
</div>

That should solve your issues.

[ZeT0]

Thanks heaps man.
Mind telling me which numbers you changed, so I know for future reference? :)
Cheers!

[Mickey]

I used the btext class to put up a header instead of setting the image as the Latest Blog Entry table's background and this allowed me to bring everything below it down and move it to the right. This is it here:

CODE

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
height:65px;
width:450px;
display:block;
background-image: url(http://i578.photobucket.com/albums/ss224/zet088/HeroesDawn/CUSTOM%20LAYOUT/OurBlogs.png);
background-repeat: no-repeat;
background-position: 55px 0px;
float: left;
font-size: 1px;
overflow: hidden;
color:1a1a18;
}

[ZeT0]

Oh shi-.
You're a genius!
Thanks heaps!

[Mickey]

No problem. Topic closed & moved.