Making a Band Layout, Version 2 Options

[thesaintszgn]

where should I add the diferent codes??

[butifuldzastr]

So I have a few questions..

If you have trouble understanding what I'm asking I'm coding to end up with a layout like http://www.myspace.com/ksmofficial .

1 I want to place my background so it scrolls within the length of the image while the main content continues to scroll.. like the profile I've referenced.

2 I have my Sliced image all ready to go.. I used the top banner code first though.. so where do I put the slicing coding?

3 How can I put a header above the music player?

Thanks SO MUCH! - in advance! :D

do people ever come on here anymore? i need help! :(

[manny-the-dino]

^Merged your posts. It hasn't even been a day since your first post. Be patient, please.

[velvetgrooves]

Hi there,

First of all - great tutorial you got here. A life saver :) Thankyou very much :)

Just one problem :D My flash object code for other objects is conflicting with the mp3 player code.

Here's the page: http://www.myspace.com/sunpractice

And the code: (all in band bio)

CODE

<img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/blackbackground.gif" height="3200px" width="400px" /> <style> .profileWidth table { margin-bottom:800px; width:800px; } .rail { display:none; } .gap { background: top left no-repeat; width:900px; height:800px; position:absolute; top:0; left:50%; margin:0px 0 -400px -800px;} </style> <div class="topbanner"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/IAMONEheader800samplewithba.gif" /> </div> <div class="tg_right"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="345" width="350"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.velvetgrooves.co.uk/flash/news/news.swf" /> <param name="wmode" value="transparent" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="scale" value="exactfit" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.velvetgrooves.co.uk/flash/news/news.swf" height="345" width="350" wmode="transparent" quality="high" menu="false" scale="exactfit" /> </object> </div> <div class="under_layer"> </div> <div class="tg_left"> <table width="345"> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/tourdates2.gif" width="345" /></td></tr> <tr height="350"> <td colspan="1"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="345" width="350"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.velvetgrooves.co.uk/flash/tourDates/toursDatee.swf" /> <param name="wmode" value="transparent" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="scale" value="exactfit" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.velvetgrooves.co.uk/flash/tourDates/toursDatee.swf" height="345" width="350" wmode="transparent" quality="high" menu="false" scale="exactfit" /> </object> <br /> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/blognews.gif" /> <br /> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="425" id="InsertWidget_e75e9bcd-8e33-45d3-9beb-0dce18087956" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf" /> <param name="wmode" value="transparent" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="flashvars" value="r=2&appId=e75e9bcd-8e33-45d3-9beb-0dce18087956&wbx_softkey=true&wbx_suppressGW=true" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf" height="350" width="425" id="InsertWidget_e75e9bcd-8e33-45d3-9beb-0dce18087956" align="middle" wmode="transparent" menu="false" quality="high" flashvars="r=2&appId=e75e9bcd-8e33-45d3-9beb-0dce18087956&wbx_softkey=true&wbx_suppressGW=true" /> </object> </div> </td> </tr> </table> <table width="800"> <tr> <td colspan="2"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/mixes.gif" width="800" /></td></tr> <tr valign="top"><td colspan="2"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="100%"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fiam-one%2Fmariachi-i-am&amp;show_comments=true&amp;auto_play=false&amp;color=ff6400" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fiam-one%2Fmariachi-i-am&amp;show_comments=true&amp;auto_play=false&amp;color=ff6400" height="150" width="100%" wmode="transparent" /> </object><br /> <span><a href="http://www.msplinks.com/MDFodHRwOi8vc291bmRjbG91ZC5jb20vaWFtLW9uZS9tYXJpYWNoaS1pLWFt">Mariachi </a> by <a href="http://www.msplinks.com/MDFodHRwOi8vc291bmRjbG91ZC5jb20vaWFtLW9uZQ==">IAM ONE</a></span> </td> </tr> </table> <table width="800"> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/releases-2.gif" width="800" /></td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/comingsoon2.gif" width="800" /> </td> </tr> </table> <table width="800"> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/contactmailinglist.gif" width="800" /> </td></tr> <tr height="350"> <td> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="345" width="350"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.velvetgrooves.co.uk/flash/BiographyScroller/biography.swf" /> <param name="wmode" value="transparent" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="scale" value="exactfit" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.velvetgrooves.co.uk/flash/BiographyScroller/biography.swf" height="345" width="350" wmode="transparent" quality="high" menu="false" scale="exactfit" /> </object> </td> </tr> </table> <table width="800"> <tr> <td colspan="2"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/flyers.gif" width="800" /></td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/PurePachaJuly09Back.jpg" width="400" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/PurePachaSEP09-1.jpg" width="400" /> </td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/EPSON003.jpg" width="400" /> </td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/HelloWeAreIAMONE.jpg" width="400" /> </td></tr> </table> <table width="800"> <tr> <td colspan="2"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/gallery.gif" width="800" /></td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/EMPTYBOX-LEFT1b.gif" width="345" height="345" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/EMPTYBOX- RIGHTb.gif" width="455" height="345" /> </td> </tr> </table> <table width="800"> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/videos.gif" width="800" /></td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/comingsoon2.gif" width="800" height="100" /> </td> </tr> </table> <table width="800"> <tr> <td colspan="4"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/networks.gif" width="800" /></td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/facebook.jpg" width="200" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/youtube.jpg" width="200" /></td> <td colspan="1"><img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/ilikebutton.jpg" width="200" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/bebo.jpg" width="200" /></td></tr> <tr> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/blankleft.jpg" width="100" /></td></tr><td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/twitter.jpg" width="200" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/soundcloud.jpg" width="200" /></td> <td colspan="1"><img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/RA.jpg" width="200" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/blankright.jpg" width="100" /></td></tr> </table> <table width="800"> <tr> <td colspan="6"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/myspace.gif" width="800" /></td></tr> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/add.jpg" width="134" /></td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/sendmessage.jpg" width="133" /> </td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/pictures.jpg" width="133" /> </td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/vids.jpg" width="133" /> </td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/blog.jpg" width="133" /> </td> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/block.jpg" width="133" /> </tr> </table> <table> <tr> <td colspan="1"> <img src="http://i988.photobucket.com/albums/af7/IAMONE_photos/friendscomments.gif" width="800" /></td></tr> </table> <div class="gap"></div> <style> .topbanner {position:absolute; left:50%; top:175px; margin-left:-398px; _margin-left:-398px; width:900; height:800px; z-index:1;} .tg_left {position:absolute; top:1008px; left:50%; margin-left:-400px; _margin-left:-400px; width:325px; height:1000px; z-index:2;background-color: 000000;} .tg_right {position:absolute; top:1463px; left:50%; margin-left:-40px; _margin-left:-40px; width:350px; height:250px; z-index:3;background-color: 000000;} .under_layer {position:absolute; top:1025px; left:50%; margin-left:-395px; _margin-left:-395px; width:800px; height:3850px; z-index:1;background-color: 000000;} {!-Size friendspace outer 2 tables !} table.friendSpace table, table.friendSpace td, table.friendSpace {width:720px !important;} {!-Size inner levels to exactly 1/4 of above!} table.friendspace table table td, table.friendSpace table table table, table.friendSpace table table table td {width:75px !important; margin:0px; border:0px; padding:0px;} {!- set so that img PLUS padding = 1/4 of full table width-!} table.friendspace img {width:74px !important} {!-names above friend pictures. I keep these small. FF has wrap issues-!} table.friendspace table table td a {font-size:9; font-family:Arial Narrow} {!-ditch picture border-!} table.friendspace a img {border:0px !important;} {!-deal with view friends div-!} table.friendSpace table div {width:98% !important; font-size:8px !important} {!-Gets rid of some excess space-!} table.friendspace br {line-height:2px;} table.friendSpace div {display:none;} .friendSpace {position:relative; margin-left:-600px;left:-65%; top:25px;} html body.bodyContent table tbody tr td table.friendsComments { width: 400px !important; margin: 0 !important; padding: 0 !important; margin-top: 20px !important; overflow: hidden !important; background-color: transparent !important; margin-left: -1px !important; _width: 400px !important; _margin-left: -2px !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(http://i988.photobucket.com/albums/af7/IAMONE_photos/friendscomments.gif); 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: ffffff; font-weight: normal; font-size: 12px; _margin: 0px 0 0 15px; _font-size: 12px !important; _color: ffffff;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext { font-weight: normal; color: ffffff; padding: 0px 2px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a { color: ffffff !important; font-size: 12px !important; text-transform: none; background-color: transparent !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: ffffff !important; margin: 0 !important; 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: ffffff !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: inline !important; color: ffffff !important; margin: 0px !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;} .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:; 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:ffff00; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: 666666 !important; font-family: Arial !important; } a:hover { color: CCCCCC !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:CCCCCC; 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>

If I move the object player to the right, all the other flash pieces move as well. The object code for the player I've been trying is:

CODE

object {position:absolute; top:0; left:350px;}

Any ideas?

Reason for edit: Please use [code] tags when posting short codes and [codebox] tags when posting longer codes. - Mike

[Mickey]

Try my code.

[velvetgrooves]

Hi there,

Sure no worries about the edit, cheers for the info :)

Nope, that code didn't work. It treat every flash object as an object, and hence resizes it accordingly as well. In that code, the width is 50px; - it makes all flash elements 50px.

Any ideas?

Cheers :D

[Mickey]

Remove the size attributes in the second line.

[flashback4491]

:(

confusion--
I'm supposed to make a band layout for a friend, but I'm new and don't understand any of this...

[ashro0222]

Hey! Awesome tutorial. I have one problem though, The background isn't loading in on Mozilla, But it works on AOL and IE. How can I fix this problem?


Yeah, Its all screwed up in Mozilla Firefox but it's looking really good in IE and AOL. What can I do to correct this problem?


This is the preview of it...

http://www.myspace.com/lillyash84

Reason for edit: Please use the Edit button instead of triple-posting. - Mike

[Mickey]

Posts merged.

[ashro0222]

Posts merged.

Thanks, Sorry about that!

[Mickey]

Look for this:

CODE

body {
background-color: 000000;
background-image:url(http://img406.imageshack.us/img406/8222/reboottherobotbg.jpg);
background-position: top center;
background-repeat: repeat-t;
background-attachment: scroll;
}

Replace it with this:

CODE

body {
background-color: 000000;
background-image: url("http://img406.imageshack.us/img406/8222/reboottherobotbg.jpg");
background-position: top center;
background-repeat: repeat-y;
background-attachment: scroll;
}

See if that makes it show.

[ashro0222]

Look for this:

CODE

body {
background-color: 000000;
background-image:url(http://img406.imageshack.us/img406/8222/reboottherobotbg.jpg);
background-position: top center;
background-repeat: repeat-t;
background-attachment: scroll;
}

Replace it with this:

CODE

body {
background-color: 000000;
background-image: url("http://img406.imageshack.us/img406/8222/reboottherobotbg.jpg");
background-position: top center;
background-repeat: repeat-y;
background-attachment: scroll;
}

See if that makes it show.

Thanks but actually figured it out on my own!! :D

Changed some coding and was golden. I do have ONE more question though. The comment font "displaying blah blah comments" is showing fantastic on IE, But on FireFox is overlapping on my header image. What would I do to fix this.

Thanks for all of your help! :)

[Mickey]

Look for this in your codes:

CODE

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;}

Remove this line:

CODE

margin: -25px 0 0 8px;

See if that does it.

[ashro0222]

It worked, Thanks! :)

[omnistudio]

Hello im new here!! Im loving this, great work all!! I was wondering how can i make my contact box horizontal (like a top banner, but replacing myspace bar). Can anyone help me? Its for a artist/band myspace (1.0)

[moose2b]

Great tutorial but for the life of me i cant get the shows to display. I get the header but not the listing. Ive tried adjusting the z-index and everything but no luck. Can anyone figure it out? www.myspace.com/moose2b

[edit] Forgot to say it works perfect in Firefox but IE doesnt display anything.

[hiddenflaw]

THIS POST IS NOW VOID.

I just can't figure out how to delete it.

[hiddenflaw]

Hey there - ran into another problem.

For some reason the blog and friends headers are being cut off and my bio section is no where to be found (under something?!)

Please help!

CODE

<style>
.profileWidth table { margin-bottom:1220px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:935px; height:1220px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -467px;
}
.topbanner {position:absolute; left:50%; top:0px; margin-left:-467px; _margin-left:-468px; width:935; height:1220px; z-index:1;}
.nav {
position:absolute; top:0; left:50%;
margin:0px 0 -400px -467px;
_margin:0px 0 -400px -468px;
}
.tg_left {position:absolute; top:1797px; left:50%; margin-left:-417px; _margin-left:-416px; width:325px; height:1000px; z-index:1;}
.twitter {margin-left:-270px; margin-top:-2px;}
.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 20px;
}
.bio {position:absolute; top:2297px; left:50%; margin-left:-47px; _margin-left:-46px; width:477px; height:257px; z-index:1;
}
.rightcontent {
width: 325px !important
display: block;
height: auto;
}
.shows {position:absolute; top:1817px; left:50%; margin-left:-47px; _margin-left:-46x; width:477px; height:57px; z-index:1;}


object {position:absolute; left:50%; z-index:9;}
object {top:2px!important; _top:2px!important; margin-left:-408px!important; _margin-left:-510px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>

<div class="gap">
<div class="topbanner">

<table id="Table_01" width="935" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="16">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_01.jpg" width="935" height="792" alt="" /></td>
</tr>

<tr>
<td colspan="3" rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_02.jpg" width="92" height="45" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9SZWQtTW9ybmluZy1Wb3lhZ2UvMTEwMjczNzE4
jQ2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/facebook.jpg" width="130" height="35" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vUmVkTW9yblZveWFnZQ==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/twitter-1.jpg" width="146" height="35" border="0" alt="" /></a></td>

<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vcmVkbW9ybmluZ3ZveWFnZS5iaWdjYXJ0ZWwuY29tLw==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/bigcartel.jpg" width="129" height="35" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3JlZG1vcm5pbmd2b3lhZ2U=">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/purevolume.jpg" width="215" height="35" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3JlZG1vcm5pbmd2b3lhZ2U=">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/youtube.jpg" width="114" height="35" border="0" alt="" /></a></td>

<td colspan="2" rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_08.jpg" width="109" height="45" alt="" /></td>
</tr>
<tr>
<td colspan="11">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_09.jpg" width="734" height="10" alt="" /></td>
</tr>
<tr>
<td rowspan="4">

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_10.jpg" width="34" height="960" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/home.jpg" width="91" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01NzgzNzAyMA==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/addus.jpg" width="120" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTU3ODM3MDIw">

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/message.jpg" width="139" height="40" border="0" alt="" /></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTU3ODM3MDIw">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/comment.jpg" width="275" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=57837020">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/photos.jpg" width="136" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&contributorid=7815753">

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/videos-1.jpg" width="120" height="40" border="0" alt="" /></a></td>
<td rowspan="4">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_17.jpg" width="20" height="960" alt="" /></td>
</tr>
<tr>
<td colspan="14">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_18.jpg" width="881" height="570" alt="" /></td>
</tr>
<tr>

<td rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_19.jpg" width="28" height="350" alt="" /></td>
<td colspan="7">
<a href="http://www.msplinks.com/MDFodHRwOi8vcmVkbW9ybmluZ3ZveWFnZS5iaWdjYXJ0ZWwuY29tLw==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/ep-cover.jpg" width="332" height="332" border="0" alt="" /></a></td>
<td colspan="6" rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_21.jpg" width="521" height="350" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_22.jpg" width="332" height="18" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="34" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="28" height="1" alt="" /></td>
<td>

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="30" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="33" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="97" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="23" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="123" height="1" alt="" /></td>

<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="16" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="103" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="162" height="1" alt="" /></td>
<td>

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="53" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="83" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="31" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="89" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="20" height="1" alt="" /></td>

</tr>
</table>



</div>

<div class="tg_left">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/twitter.jpg" />

<div class="twitter"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="290" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=68790289&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="350" width="290" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=68790289&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object></div>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/merch.jpg" />

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/merch-1.gif" /></a>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/gear.jpg" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV-gearlist-2.png" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/info.jpg" />

<div class="leftcontent" align="justify">

<b style="color: rgb(59, 61, 61);">URL.</b><br />
<a href="http://www.myspace.com/redmorningvoyage">www.myspace.com/redmorningvoyage</a><br />
<br />
<b style="color: rgb(59, 61, 61);">BOOKING/CONTACT.</b><br />
<a href="mailto:rapsallion_ma@yahoo.com">Ryan Pattengale</a><br />
<br />

<b style="color: rgb(59, 61, 61);">HOMETOWN.</b><br />
Rensselaer, IN<br />

<br />

<b style="color: rgb(59, 61, 61);">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcmVkbW9ybmluZ3ZveWFnZS5iaWdjYXJ0ZWwuY29tLw==">redmorningvoyage.bigcartel.com</a><br />
<br />

<b style="color: rgb(59, 61, 61);">LAYOUT.</b><br />
<a href="mailto:hidden.flaw@gmail.com">Conner Jones</a><br />
<br />

<b style="color: rgb(59, 61, 61);">LABEL.</b><br />
Unsigned<br />

<br />



</div>

</div>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/bio.jpg" />

<div class="rightcontent"> "The midwest is a great place to grow up, but is not always so generous to aspiring young bands." A statement all too true in the underground music scene for central Indiana band, Red Morning Voyage. Seeking now to expand its territory, Red Morning Voyage has crossed many rivers and spent many moons traveling to shows all across the midwest. A group of five young gentlemen from Rensselaer Indiana with big ideas and a cause to match, are finding themselves in the embrace of a consistently increasing number of listeners. Blending heavy, chord laden riffs over melodic yet intricate ryhthms with thought provoking lyrics by up to 3 unique parts of the stage, Red Morning Voyage presents a robust yet tasteful experience for a variety of concert goers. Their first official release, 'Get to the Trenches'(EP) is set to drop in Fall 09. And is expected to gain 'RMV' the needed momentum to achieve full-time status in the short time following. </div>


<div class="shows">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/shows.jpg" />
</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 {
background-color: 000000;
background-image:url(http://fc05.deviantart.net/fs51/f/2009/317/9/c/9cbecab3d6ccc4efb8eb4c94df927929.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;
}












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://i169.photobucket.com/albums/u239/hiddenflaw/RMV/blog.jpg);
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;
}





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: 45px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/friends.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: -1px !important;
_width: 720px !important;
_margin-left: -2px !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(http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 80px !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: 57px;
text-indent: -999999px;
background: transparent bottom left no-repeat;
}

</style>

P.S. My testing site is: http://myspace.com/ineedtotestthis

-Conner

[Mickey]

You need to edit the widths of the header selectors. For the Latest Blog Entry header, look for this:

CODE

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://i169.photobucket.com/albums/u239/hiddenflaw/RMV/blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: -4px !important;
_margin-top: 0px !important;
}

For the Friends header, look for this:

CODE

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: 45px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
}

Replace the values accordingly. As for your Bio not appearing, it's because you didn't close this DIV:

CODE

<div class="gap">

Add </div> right after that and it should show up.

[hiddenflaw]

Thank you Mike. You seem to really know your stuff, and I have barely gotten my feet wet. Any chance you also know how to move the Blog, Bio, and friends sections to the right without also pushing all of the left side stuff even more to the left? I've figured it out before, but I completely spaced what it is I changed.

Thanks.

-Conner

CODE

<style>
.profileWidth table { margin-bottom:1220px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:935px; height:1220px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -467px;
}
.topbanner {position:absolute; left:50%; top:0px; margin-left:-467px; _margin-left:-468px; width:935; height:1220px; z-index:1;}
.nav {
position:absolute; top:0; left:50%;
margin:0px 0 -400px -467px;
_margin:0px 0 -400px -468px;
}
.tg_left {position:absolute; top:1797px; left:50%; margin-left:-417px; _margin-left:-416px; width:325px; height:1000px; z-index:1;}
.twitter {margin-left:-270px; margin-top:-2px;}
.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 20px;
}
.bio {position:absolute; top:2297px; left:50%; margin-left:-47px; _margin-left:-46px; width:477px; height:257px; z-index:1;
}
.rightcontent {
width: 325px !important
display: block;
height: auto;
}
.shows {position:absolute; top:1817px; left:50%; margin-left:-47px; _margin-left:-46x; width:477px; height:57px; z-index:1;}


object {position:absolute; left:50%; z-index:9;}
object {top:2px!important; _top:2px!important; margin-left:-408px!important; _margin-left:-510px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>

<div class="gap">
<div class="topbanner">

<table id="Table_01" width="935" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="16">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_01.jpg" width="935" height="792" alt="" /></td>
</tr>

<tr>
<td colspan="3" rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_02.jpg" width="92" height="45" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9SZWQtTW9ybmluZy1Wb3lhZ2UvMTEwMjczNzE4
jQ2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/facebook.jpg" width="130" height="35" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vUmVkTW9yblZveWFnZQ==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/twitter-1.jpg" width="146" height="35" border="0" alt="" /></a></td>

<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vcmVkbW9ybmluZ3ZveWFnZS5iaWdjYXJ0ZWwuY29tLw==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/bigcartel.jpg" width="129" height="35" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3JlZG1vcm5pbmd2b3lhZ2U=">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/purevolume.jpg" width="215" height="35" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3JlZG1vcm5pbmd2b3lhZ2U=">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/youtube.jpg" width="114" height="35" border="0" alt="" /></a></td>

<td colspan="2" rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_08.jpg" width="109" height="45" alt="" /></td>
</tr>
<tr>
<td colspan="11">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_09.jpg" width="734" height="10" alt="" /></td>
</tr>
<tr>
<td rowspan="4">

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_10.jpg" width="34" height="960" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/home.jpg" width="91" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01NzgzNzAyMA==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/addus.jpg" width="120" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTU3ODM3MDIw">

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/message.jpg" width="139" height="40" border="0" alt="" /></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTU3ODM3MDIw">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/comment.jpg" width="275" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=57837020">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/photos.jpg" width="136" height="40" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&contributorid=7815753">

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/videos-1.jpg" width="120" height="40" border="0" alt="" /></a></td>
<td rowspan="4">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_17.jpg" width="20" height="960" alt="" /></td>
</tr>
<tr>
<td colspan="14">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_18.jpg" width="881" height="570" alt="" /></td>
</tr>
<tr>

<td rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_19.jpg" width="28" height="350" alt="" /></td>
<td colspan="7">
<a href="http://www.msplinks.com/MDFodHRwOi8vcmVkbW9ybmluZ3ZveWFnZS5iaWdjYXJ0ZWwuY29tLw==">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/ep-cover.jpg" width="332" height="332" border="0" alt="" /></a></td>
<td colspan="6" rowspan="2">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_21.jpg" width="521" height="350" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV_header_22.jpg" width="332" height="18" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="34" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="28" height="1" alt="" /></td>
<td>

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="30" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="33" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="97" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="23" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="123" height="1" alt="" /></td>

<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="16" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="103" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="162" height="1" alt="" /></td>
<td>

<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="53" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="83" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="31" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="89" height="1" alt="" /></td>
<td>
<img src="http://s169.photobucket.com/albums/u239/hiddenflaw/RMV/spacer.gif" width="20" height="1" alt="" /></td>

</tr>
</table>



</div></div>

<div class="tg_left">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/twitter.jpg" />

<div class="twitter"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="290" align="middle">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="bgcolor" value="000000" />
<param name="flashvars" value="userID=68790289&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="350" width="290" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=68790289&styleURL=http://static.twitter.com/flash/widgets/profile/smooth.xml" />
</object></div>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/merch.jpg" />

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/merch-1.gif" /></a>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/gear.jpg" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/RMV-gearlist-2.png" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/info.jpg" />

<div class="leftcontent" align="justify">

<b style="color: rgb(59, 61, 61);">URL.</b><br />
<a href="http://www.myspace.com/redmorningvoyage">www.myspace.com/redmorningvoyage</a><br />
<br />
<b style="color: rgb(59, 61, 61);">BOOKING/CONTACT.</b><br />
<a href="mailto:rapsallion_ma@yahoo.com">Ryan Pattengale</a><br />
<br />

<b style="color: rgb(59, 61, 61);">HOMETOWN.</b><br />
Rensselaer, IN<br />

<br />

<b style="color: rgb(59, 61, 61);">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vcmVkbW9ybmluZ3ZveWFnZS5iaWdjYXJ0ZWwuY29tLw==">redmorningvoyage.bigcartel.com</a><br />
<br />

<b style="color: rgb(59, 61, 61);">LAYOUT.</b><br />
<a href="mailto:hidden.flaw@gmail.com">Conner Jones</a><br />
<br />

<b style="color: rgb(59, 61, 61);">LABEL.</b><br />
Unsigned<br />

<br />



</div>

</div>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/bio.jpg" />

<div class="rightcontent"> "The midwest is a great place to grow up, but is not always so generous to aspiring young bands." A statement all too true in the underground music scene for central Indiana band, Red Morning Voyage. Seeking now to expand its territory, Red Morning Voyage has crossed many rivers and spent many moons traveling to shows all across the midwest. A group of five young gentlemen from Rensselaer Indiana with big ideas and a cause to match, are finding themselves in the embrace of a consistently increasing number of listeners. Blending heavy, chord laden riffs over melodic yet intricate ryhthms with thought provoking lyrics by up to 3 unique parts of the stage, Red Morning Voyage presents a robust yet tasteful experience for a variety of concert goers. Their first official release, 'Get to the Trenches'(EP) is set to drop in Fall 09. And is expected to gain 'RMV' the needed momentum to achieve full-time status in the short time following. </div>


<div class="shows">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/shows.jpg" />
</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 {
background-color: 000000;
background-image:url(http://fc05.deviantart.net/fs51/f/2009/317/9/c/9cbecab3d6ccc4efb8eb4c94df927929.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;
}












html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: !important;
width: 500px !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://i169.photobucket.com/albums/u239/hiddenflaw/RMV/blog.jpg);
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;
}





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: 57px !important;
width: 500px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/friends.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: -1px !important;
_width: 720px !important;
_margin-left: -2px !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(http://i169.photobucket.com/albums/u239/hiddenflaw/RMV/comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 80px !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: 57px;
text-indent: -999999px;
background: transparent bottom left no-repeat;
}




</style>

[Mickey]

Try this:

CODE

table table td.text {padding-left:40px; _padding-left:50px;}
table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding:0px;}

Replace the padding values on the first line accordingly.

[sdshouse]

hey i am building a coming soon myspace page and this is what i have so far

www.myspace.com/yukonthearcher

i have a couple problems.

1. The page is scrollable vertically and horizontally. i would like it just vertical.
2. The page does not show the same alignment for different browsers. It's miniscule but annoying and i'm sure it can be fixed, just don't know how.
3. Is there a way to position it so that the length vertically of the page can be controlled so its a fixed length, no matter how many comments received?

here is my code

CODE

<style> .profileWidth table { margin-bottom:0px; width:0px; } .rail { display:none; } .gap { background: center no-repeat; width:0px; height:0px; position:absolute; top:0; left:50%; margin:0px 0 -200px -650px; </style> <div class="gap"> <table id="Table_01" width="1600" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="7"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_01-2.jpg" width="576" height="1108" alt="" /></td> <td colspan="3"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_02-2.jpg" width="450" height="122" alt="" /></td> <td rowspan="7"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_03-2.jpg" width="574" height="1108" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_04-1.jpg" width="450" height="91" alt="" /></td> </tr> <tr> <td colspan="3"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="350" width="450"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="all" /> <param name="movie" value="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=0,plid=1045024,artid=40642354,skinid=16,profid=503181899" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" src="http://musicservices.myspace.com/Modules/MusicServices/Services/Embed.ashx/ptype=4,ap=0,plid=1045024,artid=40642354,skinid=16,profid=503181899" height="350" width="450" wmode="transparent" /> </object></td> </tr> <tr> <td colspan="3"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_06-2.jpg" width="450" height="198" alt="" /></td> </tr> <tr> <td colspan="3"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_07.jpg" width="450" height="100" alt="" /></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDMxODE4OTk="> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/add-1.jpg" width="131" height="78" border="0" alt="" /></a></td> <td rowspan="2"> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_09.jpg" width="177" height="247" alt="" /></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwMzE4MTg5OQ=="> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/MSG.jpg" width="142" height="78" border="0" alt="" /></a></td> </tr> <tr> <td> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_11-1.jpg" width="131" height="169" alt="" /></td> <td> <img src="http://i21.photobucket.com/albums/b288/scottishlad051/southside-house_12.jpg" width="142" height="169" alt="" /></td> </tr> </table> <div>

Reason for edit: Please use [codebox] tags when posting long codes.

[Babar]

Hey, I've noticed that in this tutorial you've said the left section div can only be 325px wide, but I've noticed in some layouts like

www.myspace.com/askingalexandria

and

www.myspace.com/breathecarolina

that the left side is bigger than that, but the whole profile is still centered, so the left side hasn't just been made wider and moved further left, because that would offput it from the center. How do I go about achieving that?

[Mickey]

There's no problem with making it bigger. You just need to move the right column over since like you said, making the left column wider will ruin the centered positioning. Use this code:

CODE

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

<div style="width: 400px;">&nbsp;</div>
<div class="hide">

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

Adjust the width of the DIV in the middle according to your liking.