Log In · Register

 
 
Closed TopicStart new topic
Blog/Friends/Upcoming Shows - Positioning Problems
jamiecarter19
post May 31 2010, 06:46 PM
Post #1


Newbie
*

Group: Member
Posts: 6
Joined: May 2010
Member No: 757,361



Hi guys,

I've been trying to make a layout for my mates band but have come across a few problems. I followed along with the band tutorial and all was fine until I started adding additional features and now the positioning of the blog, friends and upcoming shows are completely off. I'm not sure what the problem is but I would very much appreciate some help. You can view the page here.

Here is my code:


CODE
<div class="left">

<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/releases_img.jpg" /><p></p>
<center>
<table width="350" border="0" cellpadding="2" cellspacing="2">
<tr><td><a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9nYi9hbGJ1bS9ldmVyeXRoaW5nLWktbmVlZC9pZDMzODQ4
TgyMz9pPTMzODQ4MTg1MyZ1bz02"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/EP_artwork_img.jpg" width="146" border="0" /></a>
</td> <td>
<div align="left"><b>ONE TWO THREE AND IN</b><br />
<font color="ec008c"><i>"EP 2009"</i></font><br />

<p>
</p>
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9nYi9hbGJ1bS9ldmVyeXRoaW5nLWktbmVlZC9pZDMzODQ4
TgyMz9pPTMzODQ4MTg1MyZ1bz02">iTunes</a><p>

</p></div></td></tr></table>

<p><br />
</p><p><br />

<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/merch_img.jpg" /></p>
<center>
<a href="http://www.msplinks.com/MDFodHRwOi8vb25ldHdvdGhyZWVhbmRpbm1lcmNoYW5kaXNlLmJpZ2NhcnRlbC5jb20v"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/merch_store_img.jpg" width="350" border="0" height="280" /></a>
</center>
<p><br />
</p><p><br />

<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/endorsements_img.jpg" /></p>
<center>
<br /><br /><b>COMING SOON!</b><br />
</center>
<p><br />
</p><p><br />

<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/info_img.jpg" /></p>
<table width="350" border="0" cellpadding="1" cellspacing="1">
<tr>
<td>URL</td>

<td><div align="right"><a href="123andin">myspace.com/123andin</a></div></td>
</tr>
<tr>
<td>HOMETOWN</td>
<td><div align="right">Devises, UK</div></td>
</tr>
<tr>

<td>MERCH</td>
<td><div align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vb25ldHdvdGhyZWVhbmRpbm1lcmNoYW5kaXNlLmJpZ2NhcnRlbC5jb20v">Official Webstore</a></div></td>
</tr>
<tr>
<td>VIDEOS</td>
<td><div align="right"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvMTIzYW5kaW5vZmZpY2lhbA==">View All Videos</a></div></td>
</tr>
<tr>
<td>PHOTOGRAPHY</td>
<td><div align="right"><a href="http://www.myspace.com/chrisdunndp">Chris Dunn</a><br /><sub>Photography & Design</sub></div></td>
</tr>
<tr>
<td>BOOKING</td>
<td><div align="right"><a href="mailto:123andin@gmail.com">Contact</a><br /><sub>One Two Three And In</sub></div></td>
</tr>
<tr>
<td>LAYOUT</td>
<td><div align="right"><a href="">Jamie Carter</a></div></td>
</tr>
</table>
</center></div></td></tr><tr id="InfluencesRow"><td align="left" bgcolor="b1d0f0" valign="top" width="100" nowrap="nowrap"><span class="lightbluetext8">Influences</span></td><td id="ProfileInfluences" style="word-wrap: break-word;" bgcolor="d5e8fb" width="175">


<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 {
background-color: 000000;
background-image:url(http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/layout_background_img-2.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:000000;
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:E20077;
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:781D7D;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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

a:hover {
color: E20077 !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:E20077;
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;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ffffff !important;
width: 410px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 70 !important;
margin-right: 0 !important;
margin-top: 5px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/blog_img.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -40px !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: 409px !important;
font-family: Arial;
color: ffffff !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-top: 15px !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 solid lightgray;
border-color: ;
width: 405px;
color: ;
padding: 0px !important;
margin: 0px !important;
padding-top: 15px !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: ffffff !important;
line-height: 300px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 80px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/friends_img.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
}
html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -3 px !important;
_width: 720px !important;
_margin-left: -3px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;
height: auto !important;}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(imageurlhere);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 40px !important;
color: 000000 !important;
width: 800px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 5px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
_margin-bottom: -1px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 000000;
font-weight: normal;
font-size: 12px;
_margin: 0px 0 0 15px;
_font-size: 12px !important;
_color: 000000;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext {
font-weight: normal;
color: 666666;
padding: 0px 2px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color: 666666 !important;
font-size: 12px !important;
text-transform: none;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 11px !important;
_margin: 0 !important;
_padding: 0 !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table {
overflow: hidden !important;
border: 1px 000000 !important;
border-color: 000000 !important;
width: 100% !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td {
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: 000000 !important;
margin: 0 !important;
padding: 5px 0px 5px 0px;
border-bottom: 0px 000000 !important;
border-color: 000000 !important;
_line-height: 16px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 {
color: 000000 !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 000000;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td {
background-color: transparent !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a {
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: Uppercase;
padding: 8px;
font-size: 12px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a {
display: block !important;
color: 000000 !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img {
visibility: visible !important;
border: 0px 008080 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow {
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img {
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;}

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

.tours { position: absolute; top:1740px; left: 50%; height: 0px; width: 0px; overflow: visible; margin-left: -0px; text-align: left; z-index:8;}

.promote { position: absolute; top: 2000px; left: 50%; height: 0px; width: 0px; overflow: visible; margin-left: -30px; text-align: left; z-index:8;}

.friends { position: absolute; top: 2000px; left: 50%; height: 0px; width: 0px; overflow: visible; margin-left: -3px; text-align: left; z-index:8;}

.merch { position: absolute; top: 1740px; left: 50%; height: 226px; width: 443px; overflow: visible; background-color: EEEEEE; padding: 8px; margin-left: -22px; text-align: left; z-index:8;}


div.navigation a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}
.navigation { position: absolute; top: 1370px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: transparent; margin-left: -459px; text-align: left; z-index:8;}

.topbanner { position: absolute; top: 1680px; left: 50%; height: 15000px; width: 937px; overflow: visible; background-color: FFFFFF; background-image:url(http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/background_xtra_img5.jpg); background-position:top center; background-repeat:repeat-y; margin-left: -468px; z-index:-9;}

.left { position: absolute; top: 2990px; left: 50%; height: 1000px; width: 350px; overflow: visible; background-color: FFFFFF; margin-left: -433px; text-align: left; z-index:8;}

.blogs { position: absolute; top: 1757px; left: 50%; height: 0px; width: 0px; overflow: visible; background-color: FFFFFF; margin-left: -3px; text-align: left; z-index:8;}

.video { position: absolute; top: 525px; left: 50%; height: 360px; width: 425px; overflow: visible; background-color: 1C1C1C; padding: 8px; margin-left: -176px; text-align: left; z-index:8;}

body table {margin-top:1150px;}
body td table, body div table {margin-top: 0px;}

.twitter_sam { top: 1712px; margin-left: -226px; _margin-left: -226px; left: 50%; position: absolute; z-index: 9; }
.twitter_jed { top: 1962px; margin-left: -226px; _margin-left: -226px; left: 50%; position: absolute; z-index: 9; }
.twitter_nath { top: 2216px; margin-left: -226px; _margin-left: -226px; left: 50%; position: absolute; z-index: 9; }
.twitter_max { top: 2466px; margin-left: -226px; _margin-left: -226px; left: 50%; position: absolute; z-index: 9; }
.twitter_matt { top: 2718px; margin-left: -226px; _margin-left: -226px; left: 50%; position: absolute; z-index: 9; }

.twitter_sam p { margin-top: 7px;}
.twitter_sam a { color: FFFFFF;}
.twitter_sam a:hover { color: e2a232; text-decoration: none;}
.twitter_jed p { margin-top: 7px;}
.twitter_jed a { color: FFFFFF;}
.twitter_jed a:hover { color: e2a232; text-decoration: none;}


</style>



<div class="gap"></div>
<style>
object {top: 0px!important; margin-left: -498px!important;}
object {position: absolute; left: 50%; z-index: 9;}
object object, td td td object, embed {position: static; margin: auto!important;}
</style>

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

<div style="width: 900px; height: 0px; position: absolute; margin-left: -450px; left: 50%; top: 0px;">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_1.jpg" /><br />
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_2.jpg" /><br />
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_3.jpg" /><br />
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_4.jpg" /><br />
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_5.jpg" /><br />
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_6.jpg" /><br />
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/banner_slice_the_guys.jpg" />
</div>







<div class="navigation">
<table id="123andin_navigation" width="430" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_1.jpg" alt="" width="16" height="61" /></td>
<td colspan="4">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_2.jpg" alt="" width="411" height="10" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_3.jpg" alt="" width="95" height="51" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=462040884"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_4.jpg" alt="" width="75" height="22" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvMTIzYW5kaW5vZmZpY2lhbA=="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_5.jpg" alt="" width="66" height="22" /></a></td>
<td rowspan="2">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_6.jpg" alt="" width="178" height="51" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/slice_7.jpg" alt="" width="141" height="29" /></td>
</tr>
<tr>
<td colspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NjIwNDA4ODQ="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_08.gif" alt="" width="252" height="36" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD00NjIwNDA4ODQmZj1mb3J3YXJkcHJvZmlsZQ=="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_09.gif" alt="" width="178" height="36" /></a></td>
</tr>
<tr>
<td colspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NjIwNDA4ODQ="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_10.gif" alt="" width="252" height="34" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTQ2MjA0MDg4NCZwdWJsaWM9MA=="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_11.gif" alt="" width="178" height="34" /></a></td>
</tr>
<tr>
<td colspan="4">
<a href="http://www.myspace.com/im"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_12.gif" alt="" width="252" height="33" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9NDYyMDQwODg0"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_13.gif" alt="" width="178" height="33" /></a></td>
</tr>
<tr>
<td colspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
2dyb3VwJmZyaWVuZElEPTQ2MjA0MDg4NA=="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_14.gif" alt="" width="252" height="35" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTQ2MjA0MDg4NA=="><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_15.gif" alt="" width="178" height="35" /></a></td>
</tr>
<tr>
<td colspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vb25ldHdvdGhyZWVhbmRpbm1lcmNoYW5kaXNlLmJpZ2NhcnRlbC5jb20v"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_16.gif" alt="" width="252" height="33" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaXR1bmVzLmFwcGxlLmNvbS9nYi9hbGJ1bS9ldmVyeXRoaW5nLWktbmVlZC9pZDMzODQ4
TgyMz9pPTMzODQ4MTg1MyZ1bz02"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_17.gif" alt="" width="178" height="33" /></a></td>
</tr>
<tr>
<td colspan="5">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/navpics_18.gif" alt="" width="430" height="17" /></td>
</tr>
</table>
</div>


<div class="twitter_sam">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=10066329&type=user&id=19530618" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=10066329&type=user&id=19530618" quality="high" />
</object>
</div>
<div class="twitter_jed">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=10066329&type=user&id=28084340" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=10066329&type=user&id=28084340" quality="high" />
</object>
</div>
<div class="twitter_nath">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=10066329&type=user&id=42863333" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=10066329&type=user&id=42863333" quality="high" />
</object>
</div>
<div class="twitter_max">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=10066329&type=user&id=42440546" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=10066329&type=user&id=42440546" quality="high" />
</object>
</div>
<div class="twitter_matt">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://twitter.com/flash/twitter_badge.swf" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="color1=10066329&type=user&id=22657864" />
<param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=10066329&type=user&id=22657864" quality="high" />
</object>
</div>


<div class="tours">
<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/shows_img.jpg" />
</div>

<center><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_img.jpg" /><p></p>
<br />
<br />

<center>
<a href="123andin"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_banner.gif" alt="" width="450" border="1" height="80" /></a>
<br />
<textarea style="border: 1px solid gray; overflow: auto; width: 440px; height: 35px; background-color: white;"><a href="http://www.myspace.com/123andin"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_banner.gif" alt="" border="1" /></a></textarea>
<p></p>
</center>

<br />
<br />
<center>
<a href="123andin"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_banner_2.gif" alt="" width="450" border="1" height="80" /></a>
<br />
<textarea style="border: 1px solid gray; overflow: auto; width: 440px; height: 35px; background-color: white;"><a href="http://www.myspace.com/123andin"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_banner.gif" alt="" border="1" /></a></textarea>
<p></p>
</center>

<br />
<br />
<center>
<a href="123andin"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_banner_2_white.gif" alt="" width="450" border="1" height="80" /></a>
<br />
<textarea style="border: 1px solid gray; overflow: auto; width: 440px; height: 35px; background-color: white;"><a href="http://www.myspace.com/123andin"><img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/promote_banner.gif" alt="" border="1" /></a></textarea>
<p></p>
</center>

<center>
<br />
<br />
<img src="http://img695.imageshack.us/img695/3447/downloadcm.jpg" alt="Image Hosted by ImageShack.us" border="0" /><br />
<br />
<a href="http://www.msplinks.com/MDFodHRwOi8vaW1nNjgyLmltYWdlc2hhY2sudXMvaW1nNjgyLzc2MTIvd2lkZXNjcmVlbndhbGxwYXBl
i5qcGc=" target="_blank">WIDESCREEN</a> <b>|</b>
<a href="http://www.msplinks.com/MDFodHRwOi8vaW1nMTg5LmltYWdlc2hhY2sudXMvaW1nMTg5LzEwNjUvbm9ybWFsd2FsbHBhcGVyLmpw
w==" target="_blank">NORMAL</a></center></center>
<br />
<br />








<p><br />
</p><p><br />

<img src="http://i362.photobucket.com/albums/oo65/JaycDrummerKid19/vids_img.jpg" /></p>

<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="300" width="380">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/f2dq2rA4RRo&hl=en_US&fs=1&rel=0&hd=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/f2dq2rA4RRo&hl=en_US&fs=1&rel=0&hd=1" height="300" width="380" wmode="transparent" />
</object>
</center>

<p><br />
</p><p><br />


Im sure my code isnt very neat or even if it makes sense as it is my first attempt after briefly visiting w3schools.

Even if you don't know what the problem is, I would appreciate some feedback on the design itself if anyone is willing to give some critique on my first layout. I still have to add some social buttons but I thought I would get some help before things got too complicated.

Thanks in advance :)
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: