Could really use some help... Options

[ctrlaltbrandon]

Ok so here's my test page: http://www.myspace.com/donaldandthemightyducks..

I'm having trouble witht the friends and comments..

I cant figure out how to align them.

Here's the code

CODE

<style>body table { margin-top: 720px; }
body td table, body div table { margin-top: 0; }
{.masthead {width: 900px; height: 2247px; position: absolute; margin-left: -450px; _margin-left: -450px; left: 50%; top: 0px;}}
</style>

<div class="masthead"><span></span></div>

<div class="BANNER" style="width: 850px; height: 830px; position: absolute; margin-left: -426px; left: 50%; top: 0px;">
<table id="Table_01" width="850" height="828" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_01.jpg" width="850" height="131" alt=""></td>
</tr>

<tr>
<td rowspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_02.jpg" width="32" height="51" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_03.jpg" width="51" height="33" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_04.jpg" width="54" height="33" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_05.jpg" width="73" height="33" alt=""></td>

<td colspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_06.jpg" width="71" height="33" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_07.jpg" width="54" height="33" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_08.jpg" width="66" height="33" alt=""></td>
<td colspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_09.jpg" width="43" height="33" alt=""></td>
<td colspan="2">

<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_10.jpg" width="231" height="33" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_11.jpg" width="92" height="33" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_12.jpg" width="65" height="33" alt=""></td>
<td rowspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_13.jpg" width="18" height="51" alt=""></td>
</tr>
<tr>

<td colspan="13">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_14.jpg" width="800" height="18" alt=""></td>
</tr>
<tr>
<td colspan="15">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_15.jpg" width="850" height="610" alt=""></td>
</tr>
<tr>
<td colspan="2">

<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_16.jpg" width="83" height="35" alt=""></td>
<td colspan="3">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_17.jpg" width="168" height="35" alt=""></td>
<td colspan="4">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_18.jpg" width="163" height="35" alt=""></td>
<td colspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_19.jpg" width="157" height="35" alt=""></td>
<td colspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_20.jpg" width="196" height="35" alt=""></td>

<td colspan="2">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/main_21.jpg" width="83" height="35" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="51" height="1" alt=""></td>
<td>

<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="54" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="73" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="54" height="1" alt=""></td>

<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="127" height="1" alt=""></td>
<td>

<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="104" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="92" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="65" height="1" alt=""></td>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/spacer.gif" width="18" height="1" alt=""></td>
</tr>
</table>


<style type="text/css">
body {
background-color:a9bbc5;
background-image:url("http://i457.photobucket.com/albums/qq300/threecitiestemp/background.jpg");
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
}

div.VAMP {position: absolute; top: 906px; left: 50%; height: 0px; width: 300px; overflow: visible; background-color: transparent; margin-left: -382px; text-align: left; z-index:9; }

table, tr, td {background:transparent; border:0px;}
table table table {background-color:;}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:11px;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial,sans-serif;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:FFFFFF;
font-size:11px;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:capitalize;
font-family:arial,sans-serif;
}


a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink:active, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:204a56;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial,sans-serif;
}

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:204a56;
font-weight:bold;
font-style:normal;
text-decoration:underline ;
text-transform:none;
font-family:arial,sans-serif;
}

.orangetext15{ font-size:0px; }
.whitetext12{ display:none; visibility:hidden; }
.nametext{ display:none; visibility:hidden; }
a img {border-width:0px;}
a:hover img {border-width:0px;}

.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://www.ddubdesigns.com/layouts/oceana/cb.png"); 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;}

a.navbar img {display:none;}div table td {visibility:hidden; font-size:0px; border:0px; padding:0px; margin:0px;}div table {border:0px; border-bottom:0px; padding:0px; margin:0px; visibility:hidden;}div table.navigationbar, div table.navigationBar td, table div table td {font-size:11px; visibility:visible; font-family:Arial Narrow }div table td div {visibility:visible}{! below needed if you have used my div overlay !}div.myCoreDiv table, div.myDiv table, div.myCoreDiv div table, div.myDiv div table {visibility:visible;}

div table tr td font {visibility:hidden;}
div table table tr td font {visibility:visible;}
tr {background:transparent;}
body table div font a, body table div div {visbility:hidden;}
body table table div font a, body table table div div {visibility:visible;}

div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div {display:block;}

html body.bodyContent table tbody tr td table tbody tr td.text div table tbody tr td table tbody tr td font span.whitelink {
color: 000000 !important;
display: block;
font-weight: none;
height: 59px;
width: 450px;
vertical-align: middle;
background-image: url(http://i457.photobucket.com/albums/qq300/threecitiestemp/shows.jpg);
position: relative;
left: 0px;
top: 0px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: 000000 !important;
height: 59px; !important;
width: 450px !important;
border-collapse: collapse !important;
margin: 0 !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i457.photobucket.com/albums/qq300/threecitiestemp/news.jpg);
background-repeat: no-repeat;
left: 4px;
top: 10px;
margin-top: 0px !important;
overflow: hiddden;


}

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

</style>

</td></tr></table>
</td></tr></table>

<div class="VAMP">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNzQ3MzE5OTE="><img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/vmp.jpg" border="0"></a></div>
<div class="LEFT">
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members.jpg"/><BR>
<table id="Table_01" width="300" height="882" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members_01.jpg" width="300" height="152" alt=""></td>
</tr>

<tr>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members_02.jpg" width="300" height="144" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members_03.jpg" width="300" height="144" alt=""></td>
</tr>
<tr>

<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members_04.jpg" width="300" height="144" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members_05.jpg" width="300" height="144" alt=""></td>
</tr>
<tr>
<td>

<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/members_06.jpg" width="300" height="154" alt=""></td>
</tr>
</table>
<BR>
<img src="http://i457.photobucket.com/albums/qq300/threecitiestemp/information.jpg">
<table width="300" border="0" cellspacing="3" cellpadding="3">
<tr>
<td><B>URL</B></td>
<td><div align="right">myspace.com/ohmyexplosive</a></div></td>
</tr>
<tr>
<td><B>BOOKING</B></td>
<td><div align="right"><a href="mailto:ohmyexplosive@gmail.com"/>Email Us</a></div></td>
</tr>
<tr>
<td><B>LABEL</B></td>
<td><div align="right">Unsigned</div></td>

</tr>
<tr>
<td><B>LAYOUT</B></td>
<td><div align="right"><a href="http://www.myspace.com/threecitiesmedia">3 Cities Media</a></td>
</tr></div>
<table class="off"><tr><td>
<table class="off"><tr><td>

<style>
table table table table td span.lightbluetext8 {display:none;}
div.LEFT { position: absolute; top: 1296px; left: 50%; height: 0px; width: 300px; overflow: visible; background-color: transparent; margin-left: -379px; text-align: left; z-index:9;}

</style></td></tr><tr id="Record LabelRow"><td valign="top" align="left" width="100" bgcolor="b1d0f0" NOWRAP><span class="lightbluetext8">Record Label</span></td><td id="ProfileRecord Label" width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word"><img src="http://i25.tinypic.com/hu126o.jpg"></td></tr><tr id="Type of LabelRow"><td valign="top" align="left" width="100" bgcolor="b1d0f0" NOWRAP><span class="lightbluetext8">Type of Label</span></td><td id="ProfileType of Label" width="175" bgcolor="d5e8fb" style="WORD-WRAP: break-word">Indie</td></tr>

</table>

</td>
</tr>
</table>
<br>

<style type="text/css">
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
</style>

This post has been edited by jaeminnie: Dec 14 2008, 02:19 PM

[Mickey]

They look fine to me. How did you want to align them, exactly?

[tokyo-rose]

Topic Closed, and Moved to Myspace Resolved Topics. Please PM a moderator if you would like this reopened.