Printable Version of Topic

Click here to view this topic in its original format

Forums _ MySpace Support _ Making a Band Layout

Posted by: A1Bassline Jul 20 2009, 09:20 PM

MySpace Band Layout Tutorial


Welcome to Version 2 of the Band Layout Tutorial! This tutorial will help you out in making those professional looking layouts that graphic designers are making for these rising bands. A lot of people are getting into this kind of thing, and resources for Band Layouts are very slim, so I hope this topic helps anyone out that needs the help and resources.

Rules:Table of Contents:
  1. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220098
  2. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220118
  3. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220146
  4. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220157
  5. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220177
  6. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220189
  7. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220201
  8. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220207
  9. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220211
  10. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220216
    --------------------
  11. http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220222

Posted by: A1Bassline Jul 20 2009, 10:05 PM

Getting Started


Here is a list of things you might want consider using to make your layout:

Adobe Photoshop CS4
Adobe Illustrator CS4
GIMP
Notepad

Some of this tutorial will be based on Adobe Photoshop CS4, but the steps are optional, so you don't have to follow those steps.

Before we even start making the layout, make sure you have everything prepared for the layout. Make sure you get rid of all of your current coding on your MySpace, but make sure you do all of your editing in Safe Mode. If you don't do editing in Safe Mode, you will not be able to save your changes.

Also, make sure you have your images ready to put on the layout. You will want to have your pictures all uploaded, unless you are looking into slicing images, then you'll have to upload as you go along. Here are some websites you can use to upload your pictures.In my opinion, I would recommend using webs, because Photobucket and Imageshack aren't that reliable.

Posted by: A1Bassline Jul 20 2009, 10:25 PM

Changing the Look & Feel


Once you're all prepared to start your layout, now you're ready to start changing the look and feel of your layout. Feel free to use this stylesheet. I recommend that you use it because using generated layout stylesheets make it much harder for me to pinpoint a problem / fault in your layout.

CODE
<style type="text/css">

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:url();
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;
}

</style>


This gets asked a lot, but I wouldn't ask how to hide things in this tutorial, and it's something I can't / will not go over. Table classes for band layouts are much more different than regular profiles, so it's nearly impossible to hide one section without the code conflicting with something else in your layout.

Posted by: A1Bassline Jul 20 2009, 10:56 PM

Adding a Top Banner


If you want to add a top banner to your layout, there are two ways of going about it. You can put a top banner above the navigation, or you can put one below the top banner. I will not be going over how to add a top banner above the navigation, but here is how to put one under the navigation.

With the following code, here are some important aspects you'll have to look at:

Line 1: .profileWidth table {margin-bottom:###px; width:800px; }
Line 5: width:###px; height:###px;
Line 7: margin:0px 0 -400px -###px;

What each line means:

Line 1: Margin-bottom is the height of your top banner image..
Line 2: The width and height are the dimensions of your top banner image.
Line 7: Just edit the very last property in that line. For example, in this code, I have the number -###. You will change the number to the height of your image, but make sure the negative symbol is there.

This code goes at the very top of your Band Biography section. If it gets placed anywhere, it will not create the right gap.

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

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


Okay, now your going to have to use some DIV positioning codes to position your top banner in between the gap. If you are not familiar with DIV codes, you might want to check out http://www.createblog.com/forums/index.php?showtopic=142922 for more information and practice.

Use the following code:

CODE
.topbanner {position:absolute; left:50%; top:###px; margin-left:###px; _margin-left:###px; width:###; height:###px; z-index:1;}


I didn't put style tags between the code, because you should add this piece of coding to your stylesheet. It makes it a lot easier to find things, and it throws some more organization into your stylesheet.

All you have to do here is change the ### symbols to the number that works for you. As you can see, there are two margin-left properties. _margin-left:###px; is a fix for Internet Explorer to get it to work right in both Internet Explorer and Firefox. Do not change left:50%; to any other percent. Almost everyone does this, and that's where they run into their problems. left:50%; makes sure everything stays in the same area in both browsers.

Now just add the DIV class in the Band Bio section and you're set:

CODE
<div class="topbanner">
Image code here
</div>

Posted by: A1Bassline Jul 20 2009, 11:04 PM

Slicing Images


This is an optional part of the tutorial. Slicing images will help greatly with your images loading faster, and it also helps add links to images, since imagemapping will not work on band layouts.

For more information on this, check out http://www.createblog.com/photoshop-tutorials/13888-slicing-images/ tutorial on how to slice images and add links.

Posted by: A1Bassline Jul 20 2009, 11:23 PM

Working With Rollover Images


This, as well is an optional part of the tutorial, but it is also one of the hardest parts. You're going to have to pay super close attention to what I say so you can grasp a better understanding of how to do this. There are other methods as to how to do rollovers with images, but I find my way a lot easier, especially if you slice your images to make them links.

There isn't really any explanation needed as far as the codes go to get this to work, you just need to be able to position things correctly, and this should be a snap for you.

Here is the code you will use for your rollovers:

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

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

.topbanner {position:absolute; top:###px; left:50%; margin-left:###px; _margin-left:-###px; width:###px; height:###px; z-index:1;}


I'll try to give the best explanation of this I can, but it's pretty self-explanatory. The first code for positioning will be the hover layer (the rollover images), the middle code causes the image to change on rollover. The only thing you need to change in that code is the name of the layer to the name of the layer used for positioning the image before hovering. In this case for the coding, the code with the rollover images will be .topbannerhover, and the two parts, div.topbanner a:hover and .topbanner, for the image before rollover.

If you are having trouble understanding, the screenshots provided will give you an idea of what you're going to be doing:

Screenshots are temporarily unavailable...

The .topbannerhover and .topbanner need the same exact attributes for positioning, that way one is on top of the other. When you put the DIV classes up for them, they will look something like this:

CODE
<div class="topbannerhover">
Image rollover code
</div>

<div class="topbanner">
Sliced image code
</div>


Your on-hover layer will always come first. Once you're done, save changes and check to see if you've done it correctly. If not, keep trying. If you do get it, keep doing the same process any other time you may need it.

Posted by: A1Bassline Jul 20 2009, 11:41 PM

Creating a Custom Left Side


If everything thus far has been easy for you on this tutorial, you should have no problem creating your own custom left side. As I said earlier, you can not hide tables on band layouts without running into a problem somewhere else, so covering it up with a DIV layer is going to be our fix for this problem.

Before you create your left side, keep these things in mind.For your left side, here is the code for positioning a DIV layer again:

CODE
.tg_left {position:absolute; top:###px; left:50%; margin-left:###px; _margin-left:###px; width:325px; height:###px; z-index:1;}


As I said earlier, I did not add style tags because I recommend you incorporate it in your stylesheet, and replace the ### symbols with numbers that work for you.

Once you think you have it positioned where you want it, add a div class code in the Band Bio section:

CODE
<div class="tg_left">
Left side codes / images here.
</div>


It may take a couple tries to position, just be patient with it.

FREQUENTLY ASKED QUESTION:

Q: My left side overlaps my comments, how do I fix it?
A: Simple, just fill up the right side of your layout with information, headers, and other miscellaneous items. The right side will go down, pushing your comments down with it. You can also position your comments by moving them to the left, but it causes browser problems most of the times, so I'm not recommending it or linking how to.

Posted by: A1Bassline Jul 21 2009, 12:00 AM

Adding Headers


There isn't really much of an explanation needed here, all you have to do is change the parts that I've highlighted in bold for you. There are header codes for the band biography, blogs, friends, and comments. Once again, I am not adding style tags because I recommend adding it into your stylesheet.

Band Biography:

CODE
<img src="imageurlhere" />


Blogs:

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(BACKGROUNDIMAGEHERE);
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;
}


Friends:

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(BACKGROUNDIMAGEURL);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
}


Comments:

Comments are the hardest headers to work with. The recommended width for the comment header is 780px. The code is very hard to follow, so you will have to experiment around with this code.

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

Posted by: A1Bassline Jul 21 2009, 12:08 AM

Moving Blogs to the Left Side


This has become quite popular for band profiles, and a lot of people have been asking me for my code that I use to do that, so I'm going to go ahead and provide it for you. All you have to do is position it, and you're good. What I highlighted in bold is all you need to change.

CODE
.latestBlogEntry {
position:absolute;
top:###px;
margin-left: -###px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}

table .latestBlogEntry {
width:325px!important;
}


To add a header to the blog when you move it to the left side, it's simple. All you have to do is create another DIV layer and position it above the blogs section, and it looks just as good.

Posted by: A1Bassline Jul 21 2009, 12:19 AM

Adding a Shows Header


If you got the top banner code down, then this will also be easy for you. This is a really simple code, and it's foolproof.

Use this code to create a gap between the player and shows section. The bold part is the only part that you need to change:

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


Then just add a positioning code and DIV class code to position a shows header in between the space you created and you're all set.

CODE
.shows {position:absolute; top:###px; left:50%; margin-left:###px; _margin-left:###px; width:325px; height:###px; z-index:1;}


CODE
<div class="shows">
Image code here
</div>


FREQUENTLY ASKED QUESTION
Q: Whenever I add a new show, the shows header moves down / up. How do I stop it from doing this?
A: Most of the time your problems starts with the left side DIV layer you've created. The width may overlap over towards the right side, causing it to be pushed down. Check that out and see if that is causing the problem.

Posted by: A1Bassline Jul 21 2009, 12:25 AM

Finishing Up


This brings you to the end of my band tutorial. If there are any parts that confused you, feel free to bring it up by posting in here or you can PM me, but I prefer you post in here first.

To make sure your layout looks good in all browsers, check out http://www.browsershots.org/ and choose the browsers you want screenshots for. It will let you know if anything is misaligned. If that's the case, look through your codes for any possible errors. If you are stumped and can't find out why something is acting up, post in here or leave me a PM.

Posted by: A1Bassline Jul 21 2009, 12:31 AM

Frequently Asked Questions


Q: My left side overlaps my comments, how do I fix it?
A: Simple, just fill up the right side of your layout with information, headers, and other miscellaneous items. The right side will go down, pushing your comments down with it. You can also position your comments by moving them to the left, but it causes browser problems most of the times, so I'm not recommending it or linking how to.

Q: Whenever I add a new show, the shows header moves down / up. How do I stop it from doing this?
A: Most of the time your problems starts with the left side DIV layer you've created. The width may overlap over towards the right side, causing it to be pushed down. Check that out and see if that is causing the problem.

Posted by: JaredxSmith Jul 22 2009, 01:07 PM

Perfect. :)

Posted by: sethisamazing Jul 29 2009, 01:20 PM

sweeeeeeeet.


Pictures would be a nice addition though :D

Posted by: A1Bassline Jul 29 2009, 02:19 PM

Screenshots are coming soon.

Posted by: ZeT0 Jul 30 2009, 10:36 AM

Haha, I'm going to need the screenshots to understand the rollovers!
I've been trying for days. D:

Posted by: A1Bassline Jul 30 2009, 10:40 AM

They're really not that complicated you have to take it little by little and read over a couple times.

QUOTE(A1Bassline @ Jul 29 2009, 03:19 PM) *
Screenshots are coming soon.

Posted by: bberinger13 Jul 31 2009, 10:29 PM

Ok so I've been working on this top header i have it sliced and coded with all the images up and running and all hosted on tinypic and no longer hosted locally. I've run into some trouble on getting this top header in the right spot. I've had experience with putting top headers up but with no links so its not just an upload image. Do i use a divs? Codes would help out a ton. Thanks so much.

Posted by: dollywood Aug 3 2009, 05:49 AM

Hi

The band tutorial is great and im almost done with my page

However ive got a niggly prob - with the header for the blogs section mine overlaps onto the blogs...if i change any margin attributes it shifts the header over left

ideally i want to line it up with my shows header but fiddling with the code doesnt seem to do anything

unfortunately i am at work so i cant attach a screenshot but my myspace address is www.myspace.com/tgvisualsbands

any help would be great

thanks

Posted by: augiedesign Aug 3 2009, 07:16 PM

this tutorial is a great help, but i need a little more of that: how would i put rollover links in the left div cover

edit: nvm. got it

Posted by: jigokume Aug 4 2009, 11:32 AM

yoo can someone tell me how to make the view all friends text to look like " view all of blablabla's friends " and how to make lines on comments and moving the add comments text to the right?

ur help will be greatly appreciated!! ^^
sorry for asking so much guys... XP

Posted by: jigokume Aug 4 2009, 01:29 PM

oww there's a way of doing that on the tutorials?

sorry then my bad... i go through with the tutorial first, the ask for questions later.. XP

sorry -_-


yay i tinkered with the codes for the comment part and managed to get it goin with the one i hv now.. there a bit of a problemo thoo.. i still dun get how to make the lines show up and there's hint of i dunno wht just on top of the comments part,, can somebody tell me how to get over this mess? sorry XP


nevermind guys! i figured it out!!
thank u so much for the lovely tutorial!! ^^

Posted by: Mike Aug 5 2009, 03:59 PM

Posts merged.

Posted by: SwaggLookinGood Aug 11 2009, 06:14 PM

is for a DIV or a regular layout?????

Posted by: SwaggLookinGood Aug 11 2009, 07:48 PM

it says i should hide anything....but if i want to make a div, how do i do it?

Posted by: Mike Aug 11 2009, 07:53 PM

Since you're limited with which elements you can hide, I recommend just covering up the tables on your page using your layout design.

Posted by: SwaggLookinGood Aug 11 2009, 08:06 PM

like how? make a big templete and just cover it up
and then add the div image on top?

Posted by: thesnowpirate Aug 13 2009, 05:33 PM

anyone have a completed band page done?

and a copy of the source code? some parts are a bit hard to figure out without screenshots.

took me a bit to figure out why the header was so low on the page, and then i realised i was an idiot. _unsure.gif

so for anyone having trouble w/ the header this is what i got:

http://img10.imageshack.us/i/step1done.png/

and the only code i have on the bio page:

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

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

<style>
.topbanner {position:absolute; left:50%; top: 170px; margin-left: -405px; _margin-left:-50 px; width:; height:px; z-index:1;}
</style>

<div class="topbanner">
<img src="http://www.rocketnight.com/images/myspace/header.png" border="0px" />
</div>


hopefully this helps anyone else who was lost. compare mine with step one and it should clear it up.

(great tut so far btw)

Posted by: A1Bassline Aug 13 2009, 07:58 PM

Posts Merged.

Posted by: fromshiptoshore Aug 14 2009, 12:32 AM

hey mike, tj told me to comment on here and you could help me,
i am having so much trouble doing the rollovers, but i do not feel comfortable posting my code on here.
is there a way i can talk to you on msn messenger or over myspace about this? message me back on here not in comment

Posted by: Mike Aug 14 2009, 05:46 AM

Thanks for that, Thesnowpirate. Keep it up. Fromshiptoshore, how about http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=281127 your codes so you don't have to put it up? It will be difficult trying to identify the issue if I have nothing to look through.

Posted by: SwaggLookinGood Aug 14 2009, 01:26 PM

1. whats a good, document size for the layout?

2. what should a banner say when your just getting noticed?
and gonna keep the layout for a while, so what should it say.
listen to "one" song, ? or just say "official myspace page" ??

3.how mayne sections should the div have?
updates, (upcoming shows?)
friends&&comments,
about the band
pictures,

anything alse im missing????
and can i add "from the fans"
so i can put the hacks and fan sigs on?

Posted by: Mike Aug 14 2009, 01:38 PM

Those are all subjective. It's up to you how you want your page to look and what you'd like to have on there. If you want to get a feel of how music pages look, just check out the pages of other artists. Personally, I'd put "Listen to This Track" instead of "Official MySpace Page". A fans section would be a great addition, but you definitely need to put up essential content. The tables you listed should do.

Posted by: SwaggLookinGood Aug 14 2009, 01:50 PM

i have been looking around,
i wanna start making it. but the document size is
leaving me stuck..

Posted by: Mike Aug 14 2009, 01:58 PM

How can you be stuck? You're making the design; you can decide how big or small you want it to be at any stage of the building process.

Posted by: thesnowpirate Aug 14 2009, 04:51 PM

i kind of been making my own, and after testing a few sizes, 800 seems to be the best width. the height of course depends on how much content youre putting in between everything.


to be more specific, the image im working on is 2240 wide, including the background. i think thats probably a good place to start. ive dabbled a little bit before but never have made a full blown pro-coded page, which is waht im working on.

so try making a new document 2240x 500 or so to start and work your way through. but be sure when you slice later that you make a new doc of just 800x500, and the background is its own seperate file.

definitely start with understanding everything thats on top of the player itself and leave the extra stuff for later. ive gone and looked through about 30 pro myspaces between last night and today and using A1Bassline's stuff as a reference, ive really pulled stuff together (coding wise).



EDIT:

so heres what i got after more playing. i basically stole to code from paramores myspace ( www.myspace.com/paramore ) using bassline's stuff as a reference, and rebuilt the table they had in photoshop/notepad with my own little design for learning purposes. and i gotta thank bassline for the first post.

live page (will stay this way until i fix the space at the bottom): http://www.myspace.com/thesnowpirates

snapshot:
http://img199.imageshack.us/i/step2p.png/

code (put in influences, i put a couple comment tags in there to let you know whats what w/ the css):

CODE
<style>

{ moving the player}

div[id="profile_mp3Player"], table table td.text object

{position:relative!important; top: -15px; left: 50%; left:7px;

_left:16px; z-index:9;}

{hiding stuff}



.contactTable{
display: none;}

.orangetext15{
display: none;}

.whitetext12{
display: none;}

.nametext{
display: none;}

{NavBar all of this is ok makes it clear and changes font}

table table div embed, table table div object{
position:relative;
z-index:9;}

table table table table, table table table td{
background-image:none;
background-color:transparent;}

table, tr, td{
background-color:transparent;
border-style:none;}

div.profileWidth div ul li a {
font-family:Verdana;
font-size:9px;
font-weight:bold;
color:FFFFFF !important;
z-index: 9;}

div.profileWidth div ul li a:hover {
color:FFFFFF !important;
background-color:000000 !important;
display:block;
z-index: 9;}

div.profileWidth div.clearfix, .i i i {
background-image:transparent !important;
z-index: 9;}

.i {
display:none;}

div.profileWidth table td ul *,div.clearfix i i i {
color: 000000 !important
font-family:verdana !important;
font-size:9px !important;
font-weight:bold !important;
z-index: 9;}

{Body}

body table{
margin-top: 330px; margin-bottom:0px;}

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

body{
background-image: URL('http://www.rocketnight.com/images/myspace/test1/grassbg.jpg');
background-position:center;
background-repeat:repeat-y;
background-attachment: fixed;
background-color: f0efed;}




{main banner or table height auto keeps it fine}

div.topbanner {
width: 870px;
height: auto;
top: -2px;
margin-left: -435px;
_margin-left: -435px;
left: 50%;
position: absolute;
align: center;
z-index: 3;
overflow: hidden;
background-color: FFFFFF;}
}

{end banner}

</style>
<div class="topbanner">
<center>
<table id="Table_01" width="870" border="0" cellpadding="0" cellspacing="0">
..
<tr>
<td colspan="22"><img src="http://www.rocketnight.com/images/myspace/test1/header_01.jpg" width="870" height="118" alt="" /></td>
</tr>
<tr>
<td colspan="22"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t"></a><img src="http://www.rocketnight.com/images/myspace/test1/header_03.jpg" width="870" height="28" alt="" /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZ1ZWxlZGJ5cmFtZW4uY29t" target="_blank"></a></td>
</tr>
<tr>
<td colspan="22"><img src="http://www.rocketnight.com/images/myspace/test1/header_05.jpg" width="870" height="32" alt="" /></td>
</tr>
<tr>
<td height="211" colspan="22"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnBhcmFtb3JlLm5ldC9zaG93cw

==" target="_blank"><center><img src="http://www.rocketnight.com/images/myspace/header.png" width="810" height="256" border="0" /><center></td>
</tr>





<tr>
<td height="29" colspan="22">&nbsp;</td>
</tr>
<tr>
<td colspan="22"><img src="http://www.rocketnight.com/images/myspace/test1/header_29.jpg" width="870" height="17" alt="" /></td>
</tr>
<tr>
<td colspan="4" rowspan="2"><img src="http://www.rocketnight.com/images/myspace/test1/header_30.jpg" width="29" height="242" alt="" /></td>
<td colspan="5"><a href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=11730869"> <img src="http://www.rocketnight.com/images/myspace/test1/default_photo.jpg" width="324" height="222" border="0" alt="" /></a></td>
<td colspan="2" rowspan="2"><img src="http://www.rocketnight.com/images/myspace/test1/header_32.jpg" width="13" height="242" alt="" /></td>
<td colspan="11" rowspan="5"><img src="http://www.rocketnight.com/images/myspace/test1/header_33.jpg" width="504" height="369" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.rocketnight.com/images/myspace/test1/header_34.jpg" width="164" height="20" alt="" /></td>
<td width="81"><a href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=11730869"> <img src="http://www.rocketnight.com/images/myspace/test1/view_photos.jpg" width="81" height="20" border="0" alt="" /></a></td>
<td width="79"><a href="http://vids.myspace.com/index.cfm?

fuseaction=vids.showvids&friendID=11730869&n=11730869"> <img src="http://www.rocketnight.com/images/myspace/test1/view_videos.jpg" width="79" height="20" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="11"><img src="http://www.rocketnight.com/images/myspace/test1/header_37.jpg" width="366" height="48" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="4"><img src="http://www.rocketnight.com/images/myspace/test1/header_38.jpg" width="20" height="157" alt="" /></td>
<td colspan="3"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2

luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xMTczMDg2OQ==">

<img src="http://www.rocketnight.com/images/myspace/test1/send_message.jpg" width="169" height="39" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2

luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0xMTczMDg2OSZmPW

ZvcndhcmRwcm9maWxl"> <img src="http://www.rocketnight.com/images/myspace/test1/forward_to_friends.

jpg" width="177" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbm

RleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xMT

czMDg2OQ=="> <img src="http://www.rocketnight.com/images/myspace/test1/add_to_friends.jpg" width="169" height="40" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb2

0vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTExNz

MwODY5JnB1YmxpYz0w"> <img src="http://www.rocketnight.com/images/myspace/test1/add_to_favorites.jp

g" width="177" height="40" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.myspace.com/..

%20MySpace.invokeWebIMWrapper();"> <img src="http://www.rocketnight.com/images/myspace/test1/instant_message.jpg

" width="169" height="39" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbm

RleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MTE3MzA4Nj

k="> <img src="http://www.rocketnight.com/images/myspace/test1/rank_user.jpg" width="177" height="39" border="0" alt="" /></a></td>
<td colspan="11" rowspan="2"><img src="http://www.rocketnight.com/images/myspace/test1/shows.jpg" width="504" height="78" alt="" /></td>
</tr>
<tr>
<td colspan="3"><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZG

V4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTExNzMwODY5">

<img src="http://www.rocketnight.com/images/myspace/test1/add_to_group.jpg" width="169" height="39" border="0" alt="" /></a></td>
<td colspan="5"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbm

RleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTExNzMwODY5">

<img src="http://www.rocketnight.com/images/myspace/test1/block_user.jpg" width="177" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td width="6"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="6" height="1" alt="" /></td>
<td width="4"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="4" height="1" alt="" /></td>
<td width="10"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="10" height="1" alt="" /></td>
<td width="9"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="9" height="1" alt="" /></td>
<td width="67"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="67" height="1" alt="" /></td>
<td width="93"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="93" height="1" alt="" /></td>
<td width="4"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="4" height="1" alt="" /></td>
<td><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="81" height="1" alt="" /></td>
<td><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="79" height="1" alt="" /></td>
<td width="3"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="3" height="1" alt="" /></td>
<td width="10"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="10" height="1" alt="" /></td>
<td width="2"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="2" height="1" alt="" /></td>
<td width="9"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="9" height="1" alt="" /></td>
<td width="95"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="95" height="1" alt="" /></td>
<td width="62"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="62" height="1" alt="" /></td>
<td width="39"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="39" height="1" alt="" /></td>
<td width="129"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="129" height="1" alt="" /></td>
<td width="34"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="34" height="1" alt="" /></td>
<td width="85"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="85" height="1" alt="" /></td>
<td><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="1" height="1" alt="" /></td>
<td width="38"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="38" height="1" alt="" /></td>
<td width="10"><img src="http://www.rocketnight.com/images/myspace/test1/spacer(1).gif" width="10" height="1" alt="" /></td>
<td width="1"></td>
</tr>
..
</table>
</center>
</div>


some stuff gets repeated, and some stuff probably isnt neccessary. i hope this helps anyone else. the only thing i cant figure out, and it happens on paramores myspace as well, is why there is so much extra space at the bottom under the comments. anyone have any ideas?

Posted by: SwaggLookinGood Aug 15 2009, 10:04 PM

whats the width and height of the music player?

Posted by: monkeyprince Aug 16 2009, 03:53 AM

Er...I'm having a bit of trouble on the custom left side thing, I'm not too good with dimensions and honestly this is my first time coding, so what are good dimensions? Like an example?

Posted by: A1Bassline Aug 16 2009, 11:18 AM

QUOTE(thesnowpirate @ Aug 14 2009, 05:51 PM) *
i kind of been making my own, and after testing a few sizes, 800 seems to be the best width. the height of course depends on how much content youre putting in between everything.
to be more specific, the image im working on is 2240 wide, including the background. i think thats probably a good place to start. ive dabbled a little bit before but never have made a full blown pro-coded page, which is waht im working on.

so try making a new document 2240x 500 or so to start and work your way through. but be sure when you slice later that you make a new doc of just 800x500, and the background is its own seperate file.

definitely start with understanding everything thats on top of the player itself and leave the extra stuff for later. ive gone and looked through about 30 pro myspaces between last night and today and using A1Bassline's stuff as a reference, ive really pulled stuff together (coding wise).
EDIT:

so heres what i got after more playing. i basically stole to code from paramores myspace ( www.myspace.com/paramore ) using bassline's stuff as a reference, and rebuilt the table they had in photoshop/notepad with my own little design for learning purposes. and i gotta thank bassline for the first post.

live page (will stay this way until i fix the space at the bottom): http://www.myspace.com/thesnowpirates


code (put in influences, i put a couple comment tags in there to let you know whats what w/ the css)

some stuff gets repeated, and some stuff probably isnt neccessary. i hope this helps anyone else. the only thing i cant figure out, and it happens on paramores myspace as well, is why there is so much extra space at the bottom under the comments. anyone have any ideas?


That's because you aren't using my codes, like I suggested and recommended. I recommended you stuck with my codes so problems like this didn't have to be dealt with. The body table code was used and that creates a big space at the bottom.

QUOTE(SwaggLookinGood @ Aug 15 2009, 11:04 PM) *
whats the width and height of the music player?


425px wide
345px high

QUOTE(monkeyprince @ Aug 16 2009, 04:53 AM) *
Er...I'm having a bit of trouble on the custom left side thing, I'm not too good with dimensions and honestly this is my first time coding, so what are good dimensions? Like an example?


In my tutorial, I said 325px is the best width. Height doesn't matter. Just set the height in the div layer to autopx. That's what I do.

Posted by: dimmu1 Aug 16 2009, 04:18 PM

QUOTE(A1Bassline @ Jul 21 2009, 05:56 AM) *
Adding a Top Banner

tutorial is great and it really help me but when I set my top banner logo and clicked preview all was great but I can't submit or edit.what ever of those two I click nothing happens :S what's wrong and how to fix it? I use this setup
CODE
<style>
.profileWidth table { margin-bottom:800px; width:600px; }
.rail { display:none; }
.gap {
background:url(myimage) top left no-repeat;
width:900px; height:1150px;
position:absolute; top:175; left:115%;
margin:0px 0 -400px -1150px
</style>

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


I got it what did I do wrong.the width:900px; height:1150px was the problem :] I just put it on width:600px; height:800px and now is good.thanks again! keep up the good work

Posted by: monkeyprince Aug 16 2009, 04:49 PM

Okay, again with the custom left side...is there any way I can turn some of the images into links? to like pictures and add to friends and stuff?

Posted by: A1Bassline Aug 16 2009, 09:06 PM

QUOTE(dimmu1 @ Aug 16 2009, 05:18 PM) *
tutorial is great and it really help me but when I set my top banner logo and clicked preview all was great but I can't submit or edit.what ever of those two I click nothing happens :S what's wrong and how to fix it? I use this setup

I got it what did I do wrong.the width:900px; height:1150px was the problem :] I just put it on width:600px; height:800px and now is good.thanks again! keep up the good work

QUOTE(A1Bassline @ Jul 20 2009, 11:05 PM) *
Getting Started


Here is a list of things you might want consider using to make your layout:

Adobe Photoshop CS4
Adobe Illustrator CS4
GIMP
Notepad

Some of this tutorial will be based on Adobe Photoshop CS4, but the steps are optional, so you don't have to follow those steps.

Before we even start making the layout, make sure you have everything prepared for the layout. Make sure you get rid of all of your current coding on your MySpace, but make sure you do all of your editing in Safe Mode. If you don't do editing in Safe Mode, you will not be able to save your changes.

Also, make sure you have your images ready to put on the layout. You will want to have your pictures all uploaded, unless you are looking into slicing images, then you'll have to upload as you go along. Here are some websites you can use to upload your pictures.
  • http://www.webs.com/
  • http://www.photobucket.com/
  • http://www.imageshack.us/
In my opinion, I would recommend using webs, because Photobucket and Imageshack aren't that reliable.








QUOTE(monkeyprince @ Aug 16 2009, 05:49 PM) *
Okay, again with the custom left side...is there any way I can turn some of the images into links? to like pictures and add to friends and stuff?

QUOTE(A1Bassline @ Jul 21 2009, 12:04 AM) *
Slicing Images


This is an optional part of the tutorial. Slicing images will help greatly with your images loading faster, and it also helps add links to images, since imagemapping will not work on band layouts.

For more information on this, check out http://www.createblog.com/photoshop-tutorials/13888-slicing-images/ tutorial on how to slice images and add links.


Posted by: Mike Aug 17 2009, 06:10 AM

QUOTE(monkeyprince @ Aug 16 2009, 10:49 PM) *
Okay, again with the custom left side...is there any way I can turn some of the images into links? to like pictures and add to friends and stuff?

Just use a link code with the image code, like this:

CODE
<a href="URL"><img src="URL" alt="" /></a>

Replace the first URL with the page you want the link to go and the second URL with the image you want to use.

Posted by: monkeyprince Aug 18 2009, 04:01 AM

Sorry, lol, I'm new to CSS and DIVs and everything. I just did the slicing tutorial and everything and was wondering if there was any way to get the table code to appear where the top banner would?

Posted by: lucasnotreally Aug 18 2009, 08:14 AM

^ yes, once you get all the image urls in the slice table, copy the whole table (from the first table tag to the second one) and put it where your top image is.

if you used tjs tutorial i think the class is .topbanner


im pretty sure he goes over it in his slice tutorial though, but i could be wrong.

Posted by: monkeyprince Aug 18 2009, 04:06 PM

You mean between the divclass=topbanner? or what? Could I please get an example of what the code should look like?

Posted by: innerdemon25 Aug 20 2009, 12:44 AM

This tutorial is very good on how to really get started with coding a band layout. But I am sorry to say, that by uploading images to webs.com just for hosting them without having a website open through them, is against the terms of service, and will delete your account without warning. They have done it to me before. Just something i think you should have included. biggrin.gif


-Brandon L
-Revolutions Designs

Posted by: lucasnotreally Aug 20 2009, 10:41 AM

QUOTE(monkeyprince @ Aug 18 2009, 05:06 PM) *
You mean between the divclass=topbanner? or what? Could I please get an example of what the code should look like?



it should look like this:
CODE
<div class="topbanner">
SLICES TABLE HERE
</div>

Posted by: A1Bassline Aug 20 2009, 03:42 PM

QUOTE(innerdemon25 @ Aug 20 2009, 01:44 AM) *
This tutorial is very good on how to really get started with coding a band layout. But I am sorry to say, that by uploading images to webs.com just for hosting them without having a website open through them, is against the terms of service, and will delete your account without warning. They have done it to me before. Just something i think you should have included. biggrin.gif
-Brandon L
-Revolutions Designs


I have multiple accounts open with them and they've been active for almost two years without any sort of website, and I haven't been deleted.

Posted by: monkeyprince Aug 22 2009, 05:04 PM

QUOTE(lucasnotreally @ Aug 20 2009, 10:41 AM) *
it should look like this:
CODE
<div class="topbanner">
SLICES TABLE HERE
</div>


Oh dude, thank you! I appreciate it so much man, I'll try in a bit.

Posted by: thesnowpirate Aug 23 2009, 11:33 AM

whats the best way for positioning the player?

Posted by: Mike Aug 23 2009, 12:09 PM

Try using http://www.createblog.com/myspace-scripts/1934-customize-new-music-player/.

Posted by: thesnowpirate Aug 23 2009, 01:28 PM

QUOTE(Mike @ Aug 23 2009, 01:09 PM) *
Try using http://www.createblog.com/myspace-scripts/1934-customize-new-music-player/.


thanks for that, i had been messing with a similar code. but i was able to figure out the whole 50% thing with yours, so thanks.

i still cant get it to align vertically in all browsers.

i know there has to be a good way to do it, http://myspace.com/startingoverrocks stays in the same spot on all browsers.

the only idea i could think of was that if it was going by percents, and the page would stay the same height everytime because it had 50 comments displayed, so it would always be the same percentage from the top.

or is that just wrong? anyone have any comments?



edit:

also, im re-reading through the tutorial, unless its just called something else, how do i move everything behind the table i made down? (blog comments, everything that you would normally see. not remove anything, just move it all down. do i have to move it by each section?)

see: http://www.myspace.com/thesnowpirates

only code (as taken from the first / second step)

CODE
<style>

object {position:absolute; height:295px; width:350px; left:50%; z-index:9;}
object {top:250px!important; margin-left:-400px!important;}
object object, td td td object, embed {position:static; margin:auto!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:url(http://rocketnight.com/images/myspace/heymonday/hmbg.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: 000000 !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;
}


div.topbanner {
width: 908px;
height: auto;
top: -2px;
margin-left: -440px;
_margin-left: -440px;
left: 49%;
position: absolute;
align: center;
z-index: 3;
overflow: hidden;
background-color: FFFFFF;}
}

</style>

<div class="topbanner">
<table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td>
</tr>
<tr>
<td rowspan="8">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td>
<td>
<img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td>
<td rowspan="7">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td>
</tr>
</table></div>

Posted by: Mike Aug 23 2009, 01:34 PM

That won't work because each comment has an indefinite height. Are you only having problems on Firefox? It might just shift upward on there because you have AdBlock Plus installed and enabled.

Posted by: thesnowpirate Aug 23 2009, 02:03 PM

im actually testing it in:

Firefox Version: 3.52
Chrome Verion: 2.0.172.39
Internet Explorer Version: 8.0.7100.0

As it is right now, in Chrome its the highest (vertically).

FF and IE display it at the same height, but IE has it moved over slightly to the right (about 15-20 pixels)

I dont have any adblock or any extensions that would change the conent on the page. I only have Nod32 live, and after i read your post, i disabled it and refreshed, and all pages stayed the same.

What about if i were to bound the player in a table? or is that not possible?

Posted by: Mike Aug 23 2009, 04:51 PM

Unfortunately, that's not possible. Do you mind posting a link to your page?

Posted by: thesnowpirate Aug 23 2009, 07:00 PM

http://www.myspace.com/thesnowpirates

im just practicing. i got that photo from picture. its just a fake myspace.

Posted by: Mike Aug 24 2009, 06:56 AM

Try replacing the codes you posted with this:

CODE
<style>

object {position:absolute; height:295px; width:350px; left:50%; z-index:9;}
object {top:250px!important; margin-left:-400px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}


.orangetext15 {display: none;}
.whitetext12 {display: none;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:url(http://rocketnight.com/images/myspace/heymonday/hmbg.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: 000000 !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;
}


div.topbanner {
width: 908px;
height: auto;
top: -2px;
margin-left: -440px;
_margin-left: -440px;
left: 49%;
position: absolute;
align: center;
z-index: 3;
overflow: hidden;
background-color: FFFFFF;}
}

</style>

<div class="topbanner">
<table id="Table_01" width="908" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_01.png" width="908" height="138" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_02.png" width="908" height="38" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_03.png" width="908" height="645" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_04.png" width="908" height="53" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_05.png" width="908" height="64" alt="" /></td>
</tr>
<tr>
<td rowspan="8">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_06.png" width="62" height="376" alt="" /></td>
<td>
<img src="http://rocketnight.com/images/myspace/heymonday/slice_07.png" width="327" height="58" alt="" /></td>
<td rowspan="7">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_08.png" width="519" height="325" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_09.png" width="327" height="41" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMDcwODI1NTI=">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_10.png" width="327" height="46" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTMwNzA4MjU1MiZwdWJsaWM9MA==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_11.png" width="327" height="48" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_12.png" width="327" height="43" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=307082552&n=307082552">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_13.png" width="327" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTMwNzA4MjU1Mg==">
<img src="http://rocketnight.com/images/myspace/heymonday/Untitled-2_14.png" width="327" height="39" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_15.png" width="846" height="51" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img src="http://rocketnight.com/images/myspace/heymonday/slice_16.png" width="908" height="56" alt="" /></td>
</tr>
</table></div>

Posted by: thesnowpirate Aug 24 2009, 11:54 AM

QUOTE(Mike @ Aug 24 2009, 07:56 AM) *
Try replacing the codes you posted with this:



wow. that code works perfectly. is the only thing you changed the object?

Posted by: Mike Aug 24 2009, 11:55 AM

On this bit here:

CODE
object object, td td td object, embed {position:static; margin:auto!important;}}


.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

I removed the extra closing bracket on the first line and the whole last line.

Posted by: YoakeYukai Aug 28 2009, 05:14 PM

this is awesome!!

Posted by: GEDDON666 Sep 3 2009, 10:52 AM

I'm trying to add a banner under the nav with my own nav buttons. Not sure where to place my code in yours.

Posted by: A1Bassline Sep 3 2009, 11:16 AM

http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3220146

Follow that step. You put your codes in-between the set of DIV tags I provide in that post.

Posted by: ZeT0 Sep 6 2009, 09:44 AM

Would love if rollover screen shots were working. >.<"

Posted by: mekko Sep 15 2009, 07:08 PM

Hello, How can i hide the Navbar TOP ARTIST/SHOWS/FORUM ?

im doing all i can and the only thing i did is put this navigation bar more thin


i used this code :

<style>
table td a.navbar{display:none!important;}
</style>

or if it is impossible how can i change the background color and font color?

Thank you very much


Posted by: Deammer Sep 19 2009, 03:40 PM

Amazing tutorial A1Bassline, you just earned my eternal gratitude biggrin.gif thumbsup.gif
Here's what my band's page looks like thanks to you:
http://www.myspace.com/enamoredrocks

As you will see, i have yet to find how to modify the font color in the comments section since it was set to black when I added the "Comments" header, which makes it invisible, but i'm really satisfied with it, so thanks again _smile.gif

Deammer

Posted by: Mike Sep 19 2009, 03:43 PM

Try adding this to your codes:

CODE
<style>
.friendsComments .columnsWidening {color:ffffff!important;}
</style>

That should make them show.

Posted by: Deammer Sep 19 2009, 03:54 PM

I basically changed all the colors in the codes containing a ".friendsComments" division to white and now i can see the comments biggrin.gif
Thanks a lot Mike !

Deammer

Posted by: Mike Sep 19 2009, 04:02 PM

No problem. Good job with the page by the way.

Posted by: svdis Sep 21 2009, 12:30 PM

So...I think like last week there was a link right at the beginning of this article basically saying, don't be an idiot and ask how to cover up the nav bar and myspace logo, here's how to do it. Now it's gone...so is that not allowed anymore or am I an idiot and don't know where to look?

Posted by: Mike Sep 21 2009, 12:51 PM

That link was removed yesterday. If you want to hide everything on the top section except for the advertisement, try the code below:

CODE
<style>
.profile {display:none!important;}
div div table div {display:none;}
.clearfix table div div {display:block;}
</style>

That works on a regular 1.0 profile and an artist profile, except it doesn't hide the music navigation bar since that can't be removed.

Posted by: audioasylum Sep 29 2009, 12:03 AM

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

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


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

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

Posted by: fixtatik Sep 29 2009, 01:06 PM

A few things I feel should be updated (just suggestions).

1. In the first step, you're missing a closing bracket on the "gap" class. Browsers typically auto-close it with the </style> tag right after it, but some browsers won't know what to do with it. And since everyone is just copying and pasting, everyone is missing the closing bracket.

2. Instead of using font-size:1px; to hide fonts on headers, use text-indent:-9999em;. Giving a huge negative indentation drags the text completely off the left side of the screen.

3. Using absolute positioning for the shows header doesn't always work properly, depending on the way people code, and if Firefox users have Adblock Plus installed. I'd use this instead:

CODE
div .whitetext12 { background:url(URL); display:block; height:##px; text-indent:-9999em; width:##px; }

Posted by: hiddenflaw Oct 1 2009, 02:46 PM

Hey guys, I'm having some trouble with my layout in IE.

It works perfectly in Firefox, but is all kinds of jacked up in IE.
myspace.com/ineedtotestthis

Any idea what would mess this stuff up as bad as it is? (It will constantly be changing because I'm tweaking things to try to figure it out)

HELP!

Thanks.

Posted by: ZeT0 Oct 1 2009, 09:03 PM

^ Post your code so people can try and help you out.

Posted by: hiddenflaw Oct 2 2009, 05:58 AM

Okay, so here's all of my code. It's probably too much and a little sloppy, but I've been tweaking this thing for awhile. Please help!

CODE
<style>
.profileWidth table { margin-bottom:844px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -496px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:894; height:844px; z-index:1;}
.menu {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:844px 0 -400px -449px;
_margin:844px 0 -400px -450px;
}
.player {
background:url() top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:962px 0 -400px -449px;
_margin:962px 0 -400px -450px;
}
.tg_left {
position:absolute; top:1344px
; left:50%; margin-left:-449px;
_margin-left:-450px; width:325px;
height:800px; z-index:1;
}

.mike {
position:absolute; top:1445px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;}

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

.twitter{
width:422px
display:block;
height:500px

padding-top:20px;
_padding-top:20px;
margin-top:42px;
margin-left:-318px;
_margin-top:65px;
_margin-left:-50px;
_width:322px !important;
_height:400px !important;

}

.twitter2{
width:450px !important;
display:block;
height:58px !important;
padding-top:10px;
margin-top:20px;
_margin-top:-20px;
margin-left:118px;
_margin-left:180px;
}

.videos{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
_margin-left:180px;
_Margin-top:-115px;
}

.videos2{
width:430px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:35px;
margin-left:-100px;
_margin-left:-50px;
_margin-top:80px;
}

.promote{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:115px;
_margin-left:147px;
}

.promote2{
width:400px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:140px;
_margin-left:20px;

}

.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 0px;
}



object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}
object {top:-40px!important; _top:-90px!important; margin-left:-555px!important; _margin-left:-410px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>



<div class="gap"><div class="topbanner">
<img src="http://connerjones.webs.com/photos/-consensus/layout-header.jpg" />
</div></div>

<div class="menu">
<table id="Table_01" width="894" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_01.jpg" width="327" height="59" alt="" /></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_02.jpg" width="149" height="49" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20=">
<img src="http://connerjones.webs.com/photos/null/layout_03.jpg" width="101" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Db25zZW5zdXNCYW5k">
<img src="http://connerjones.webs.com/photos/null/layout_04.jpg" width="85" height="49" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_05.jpg" width="103" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://connerjones.webs.com/photos/null/layout_06.jpg" width="84" height="49" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://connerjones.webs.com/photos/null/layout-menu_07.jpg" width="45" height="118" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://connerjones.webs.com/photos/null/layout-menu_08.jpg" width="522" height="10" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_09.jpg" width="272" height="3" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://connerjones.webs.com/photos/null/layout_10.jpg" width="211" height="47" border="0" alt="" /></a></td>

<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_11.jpg" width="94" height="47" border="0" alt="" /></a></td>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_12.jpg" width="272" height="3" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_13.jpg" width="49" height="56" alt="" /></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://connerjones.webs.com/photos/null/layout_14.jpg" width="73" height="44" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_15.jpg" width="1" height="56" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_16.jpg" width="149" height="44" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_17.jpg" width="120" height="44" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_18.jpg" width="152" height="44" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/layout-menu_19.jpg" width="73" height="12" alt="" /></td>

<td colspan="9">
<img src="http://connerjones.webs.com/photos/null/layout-menu_20.jpg" width="726" height="12" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="49" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="73" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="7" height="1" alt="" /></td>

<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="94" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="68" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="84" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="45" height="1" alt="" /></td>
</tr>
</table>
</div>
<div class="player">
<img src="http://connerjones.webs.com/photos/-consensus/picture-player.jpg" />
</div>



<div class="shows">
<img src="http://connerjones.webs.com/photos/-consensus/shows.jpg" />
</div>


<div class="twitter2">
<img src="http://connerjones.webs.com/photos/-consensus/twitter.jpg" />
</div>

<div class="twitter">


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="500" width="422" 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=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="500" width="422" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>


</div>
<div class="videos">
<img src="http://connerjones.webs.com/photos/-consensus/videos.jpg" />
</div>

<div class="videos2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="245" width="430">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" height="245" width="430" wmode="transparent" />
</object>
</div>

<div class="promote"><center>
<img src="http://connerjones.webs.com/photos/-consensus/promote.jpg" />
</div>
<div class="promote2">

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" border="1"></a></textarea>

<br />

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<br />
<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.giff" border="1"></a></textarea>

<center></div>


<div class="mike"><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=0&type=user&id=75800583" />
<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=0&type=user&id=75800583" quality="high" />
</object></div>

<div class="conner"><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=0&type=user&id=23279831" />
<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=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><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=0&type=user&id=47543497" />
<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=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><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=0&type=user&id=21549223" />
<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=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><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=0&type=user&id=74049593" />
<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=0&type=user&id=74049593" quality="high" />
</object>
</div>




<div class="tg_left">

<img src="http://connerjones.webs.com/photos/-consensus/members.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/members-pics.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="><img src="http://connerjones.webs.com/photos/-consensus/shirts.jpg" /></a>
<img src="http://connerjones.webs.com/photos/-consensus/thingswelike.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/stuff.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/info.jpg" />

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

<b style="color:3b3d3d;">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color:3b3d3d;">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />

<b style="color:3b3d3d;">HOMETOWN.</b><br />
Kirklin, IN<br />
<br />

<b style="color:3b3d3d;">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.bigcartel.com</a><br />
<br />

<b style="color:3b3d3d;">LABEL.</b><br />
Unsigned<br />
<br />



</div>




<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color:000000 !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 118px !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://connerjones.webs.com/photos/-consensus/blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 167px !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: 399px !important;
font-family: Arial;
color: 000000 !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
_width:380px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: 000000 ;
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;
_margin-left:20px;
}

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: 403px;
color: 000000;
padding: 0px !important;
margin: 0px !important;
margin-left: 30px !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: 12px !important;
_width:380px;
}

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: 000000 !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: 58px !important;
width: 450px !important;
margin: 0 !important;
margin-left: 118px !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://connerjones.webs.com/photos/-consensus/friends.jpg);
background-repeat: no-repeat;
color: transparent !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
_margin-left: 154px !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: 50px !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://connerjones.webs.com/photos/-consensus/comments-1.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !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: 45px !important;
_margin-bottom: -1px !important;
_margin-left:50px;
}

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: -4px;}

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: ffffff;
background-image:url(http://fc02.deviantart.com/fs51/f/2009/256/c/c/cc38529b93e12304313046c2a2abdbaa.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: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:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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

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

</style>

Posted by: bullets Oct 4 2009, 02:58 PM

Hi, i'm just trying to put a simple background on the page using following code:

CODE
body {
margin-top:510px;
background-color: ffffff;
background-image:url(http://forevervendetta.webs.com/stripes.jpg);
background-position: top center;
background-repeat: repeat-y;
background-attachment: scroll;
}


It works fine in firefox, but in IE, when there's a flash ad at the top of the page, it offsets the background to the right and a scroll bar appears. any ideas?

thanks

Posted by: erics0n Oct 9 2009, 09:24 PM

Wow this is wonderful.

Posted by: chadrockman Oct 12 2009, 11:50 AM

Does any of this code disable the calender from showing up or not functioning? So far, I have followed the tutorial without and trouble except I can not get my calender to show up on my page =( Any help would be greatly appreciated. Thanks!

Posted by: Mike Oct 12 2009, 12:45 PM

Are you talking about the Upcoming Shows table?

Posted by: chadrockman Oct 12 2009, 02:59 PM

QUOTE(Mike @ Oct 12 2009, 12:45 PM) *
Are you talking about the Upcoming Shows table?

Yes I am

Posted by: Mike Oct 12 2009, 02:59 PM

Have you tried pushing down everything below the navigation?

Posted by: chadrockman Oct 12 2009, 03:13 PM

QUOTE(Mike @ Oct 12 2009, 02:59 PM) *
Have you tried pushing down everything below the navigation?


I'm sorry, but I'm not quite sure I understand. Are you talking about the myspace navigation if so, yes everything is below that. Here is a http://myspace.com/streetlightconfession. The blue squares are just placemarkers for graphics. I was using them for alignment =).

Posted by: Mike Oct 12 2009, 03:20 PM

Have you even posted any shows yet?

Posted by: chadrockman Oct 12 2009, 03:22 PM

QUOTE(Mike @ Oct 12 2009, 03:20 PM) *
Have you posted any shows at all?

Yes I have. I created some fake dates (all in this month) and allowing everyone to see the calender.

Posted by: Mike Oct 12 2009, 03:29 PM

Well those dates aren't showing up for some reason. I should be able to find them in your page source if they're there but I can't find any.

Posted by: chadrockman Oct 12 2009, 03:45 PM

QUOTE(Mike @ Oct 12 2009, 03:29 PM) *
Well those dates aren't showing up for some reason. I should be able to find them in your page source if they're there but I can't find any.

So I removed ALL the code and it still wasn't working. So to everyone that is having this problem with band profiles, it's NOT the code. I found out what it was. You can not add dates/events using "Manage Calender". You have to add shows using edit profile. I didn't know there was a difference but I guess there is. So it's working now. Thanks for the help Mike!!

Posted by: Mike Oct 12 2009, 03:54 PM

No problem.

Posted by: hiddenflaw Oct 12 2009, 09:39 PM

Hey guys, in IE my code apparently makes the little twitter badges HUGE. Any clue as to why?

CODE
.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

...


<div class="conner"><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=0&type=user&id=23279831" />
<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=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><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=0&type=user&id=47543497" />
<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=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><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=0&type=user&id=21549223" />
<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=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><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=0&type=user&id=74049593" />
<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=0&type=user&id=74049593" quality="high" />
</object>
</div>

Posted by: TonyRoots Oct 13 2009, 11:05 AM

Hey everyone :)

Just wanna say, excellent tutorial.

I was just after a little bit of help. I don't know whether this comes under 'hiding things' or not.

Basically on my bands profile: http://www.myspace.com/forgottenrootsuk I've managed to put in some nice headers down the left hand side. The only one I can't seem to work out is the one for the Myspace Url section. I don't want the address itself covered over but I do want the white text that says Myspace Url covered over with one of my Photoshop made images.

Any help would be much appreciated :) Thanks

Posted by: Mike Oct 13 2009, 12:11 PM

QUOTE(hiddenflaw @ Oct 13 2009, 03:39 AM) *
Hey guys, in IE my code apparently makes the little twitter badges HUGE. Any clue as to why?

CODE
.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}
.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

...
<div class="conner"><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=0&type=user&id=23279831" />
<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=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><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=0&type=user&id=47543497" />
<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=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><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=0&type=user&id=21549223" />
<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=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><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=0&type=user&id=74049593" />
<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=0&type=user&id=74049593" quality="high" />
</object>
</div>

Can you post all of your codes?

QUOTE(TonyRoots @ Oct 13 2009, 05:05 PM) *
Hey everyone :)

Just wanna say, excellent tutorial.

I was just after a little bit of help. I don't know whether this comes under 'hiding things' or not.

Basically on my bands profile: http://www.myspace.com/forgottenrootsuk I've managed to put in some nice headers down the left hand side. The only one I can't seem to work out is the one for the Myspace Url section. I don't want the address itself covered over but I do want the white text that says Myspace Url covered over with one of my Photoshop made images.

Any help would be much appreciated :) Thanks

If you've made your image, place it inside a DIV and position it around. The code should look like this:

CODE
<div style="position:absolute; top:#px; left:50%; margin-left:#px; z-index:9;">
<img src="URL" alt="" />
</div>

Replace the pound symbols with appropriate values to move the DIV and URL with your image's URL.

Posted by: TonyRoots Oct 13 2009, 12:50 PM

thanks a lot :)
its hard work working out all the measurements and that like, submitting, previewing etc. is there a way to calculate these easier?

and, can you do the same method with a DIV for covering over Upcoming Shows and Blogs?

Posted by: Mike Oct 13 2009, 12:54 PM

Use the second code on http://createblog.com/forums/index.php?showtopic=234986&st=0&p=3220201&#entry3220201 to put up a header for the Latest Blog Entry table, and follow the third suggestion on http://www.createblog.com/forums/index.php?showtopic=234986&view=findpost&p=3251906 to put up a header for the Upcoming Shows table.

Posted by: hiddenflaw Oct 13 2009, 02:35 PM

Hey Mike, here's the rest of my code.

CODE
<style>
.profileWidth table { margin-bottom:844px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -496px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:894; height:844px; z-index:1;}
.menu {
background: top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:844px 0 -400px -449px;
_margin:844px 0 -400px -450px;
}
.player {
background: top left no-repeat;
width:894px; height:844px;
position:absolute; top:0; left:50%;
margin:962px 0 -400px -449px;
_margin:962px 0 -400px -450px;
}
.tg_left {
position:absolute; top:1344px
; left:50%; margin-left:-449px;
_margin-left:-450px; width:325px;
height:800px; z-index:1;
}

.mike {
position:absolute; top:1445px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.conner {
position:absolute; top:1685px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.keenan {
position:absolute; top:1925px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}

.jj {
position:absolute; top:2165px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.ben {
position:absolute; top:2405px; left:50%; margin-left:-295px;
_margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important;
z-index:2;

}


.shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;}

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

.twitter{
width:422px
display:block;
height:500px

padding-top:20px;
_padding-top:20px;
margin-top:42px;
margin-left:-318px;
_margin-top:65px;
_margin-left:-50px;
_width:322px !important;
_height:400px !important;

}

.twitter2{
width:450px !important;
display:block;
height:58px !important;
padding-top:10px;
margin-top:20px;
_margin-top:-20px;
margin-left:118px;
_margin-left:180px;
}

.videos{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
_margin-left:180px;
_Margin-top:-115px;
}

.videos2{
width:430px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:35px;
margin-left:-100px;
_margin-left:-50px;
_margin-top:80px;
}

.promote{
width:450px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:115px;
_margin-left:147px;
}

.promote2{
width:400px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:140px;
_margin-left:160px;

}

.leftcontent {
width: 325px !important
display: block;
height: auto;
margin-left: 20px;
_margin-left: 0px;
}



object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}
object {top:-40px!important; _top:-90px!important; margin-left:-555px!important; _margin-left:-410px!important;}
object object, td td td object, embed {position:static; margin:auto!important;}

</style>



<div class="gap"><div class="topbanner">
<img src="http://connerjones.webs.com/photos/-consensus/layout-header.jpg" />
</div></div>

<div class="menu">
<table id="Table_01" width="894" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_01.jpg" width="327" height="59" alt="" /></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_02.jpg" width="149" height="49" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20=">
<img src="http://connerjones.webs.com/photos/null/layout_03.jpg" width="101" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Db25zZW5zdXNCYW5k">
<img src="http://connerjones.webs.com/photos/null/layout_04.jpg" width="85" height="49" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://connerjones.webs.com/photos/null/layout_05.jpg" width="103" height="49" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://connerjones.webs.com/photos/null/layout_06.jpg" width="84" height="49" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://connerjones.webs.com/photos/null/layout-menu_07.jpg" width="45" height="118" alt="" /></td>
</tr>
<tr>

<td colspan="7">
<img src="http://connerjones.webs.com/photos/null/layout-menu_08.jpg" width="522" height="10" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_09.jpg" width="272" height="3" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://connerjones.webs.com/photos/null/layout_10.jpg" width="211" height="47" border="0" alt="" /></a></td>

<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_11.jpg" width="94" height="47" border="0" alt="" /></a></td>
<td colspan="4">
<img src="http://connerjones.webs.com/photos/null/layout-menu_12.jpg" width="272" height="3" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_13.jpg" width="49" height="56" alt="" /></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://connerjones.webs.com/photos/null/layout_14.jpg" width="73" height="44" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://connerjones.webs.com/photos/null/layout-menu_15.jpg" width="1" height="56" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://connerjones.webs.com/photos/null/layout_16.jpg" width="149" height="44" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_17.jpg" width="120" height="44" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://connerjones.webs.com/photos/null/layout_18.jpg" width="152" height="44" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/layout-menu_19.jpg" width="73" height="12" alt="" /></td>

<td colspan="9">
<img src="http://connerjones.webs.com/photos/null/layout-menu_20.jpg" width="726" height="12" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="49" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="73" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="55" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="7" height="1" alt="" /></td>

<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="94" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="85" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="68" height="1" alt="" /></td>
<td>

<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="84" height="1" alt="" /></td>
<td>
<img src="http://connerjones.webs.com/photos/null/spacer.gif" width="45" height="1" alt="" /></td>
</tr>
</table>
</div>
<div class="player">
<img src="http://connerjones.webs.com/photos/-consensus/picture-player.jpg" />
</div>



<div class="shows">
<img src="http://connerjones.webs.com/photos/-consensus/shows.jpg" />
</div>


<div class="twitter2">
<img src="http://connerjones.webs.com/photos/-consensus/twitter.jpg" />
</div>

<div class="twitter">


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="500" width="422" 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=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="500" width="422" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" />
</object>


</div>
<div class="videos">
<img src="http://connerjones.webs.com/photos/-consensus/videos.jpg" />
</div>

<div class="videos2">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="245" width="430">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" height="245" width="430" wmode="transparent" />
</object>
</div>

<div class="promote"><center>
<img src="http://connerjones.webs.com/photos/-consensus/promote.jpg" />
</div>
<div class="promote2">

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<textarea style="_margin-left:-160px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" border="1"></a></textarea>

<br />

<a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.gif" alt="Consensus Promo Animation" border="0" /></a><br />
Copy the code below and paste it into your profile/website!

<br />
<textarea style="_margin-left:-160px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.giff" border="1"></a></textarea>

<center></div>


<div class="mike"><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=0&type=user&id=75800583" />
<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=0&type=user&id=75800583" quality="high" />
</object></div>

<div class="conner"><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=0&type=user&id=23279831" />
<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=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="keenan"><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=0&type=user&id=47543497" />
<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=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="jj"><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=0&type=user&id=21549223" />
<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=0&type=user&id=21549223" quality="high" />
</object>
</div>

<div class="ben"><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=0&type=user&id=74049593" />
<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=0&type=user&id=74049593" quality="high" />
</object>
</div>




<div class="tg_left">

<img src="http://connerjones.webs.com/photos/-consensus/members.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/members-pics.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="><img src="http://connerjones.webs.com/photos/-consensus/shirts.jpg" /></a>
<img src="http://connerjones.webs.com/photos/-consensus/thingswelike.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/stuff.jpg" />
<img src="http://connerjones.webs.com/photos/-consensus/info.jpg" />

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

<b style="color:3b3d3d;">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color:3b3d3d;">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />

<b style="color:3b3d3d;">HOMETOWN.</b><br />
Kirklin, IN<br />
<br />

<b style="color:3b3d3d;">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.bigcartel.com</a><br />
<br />

<b style="color:3b3d3d;">LABEL.</b><br />
Unsigned<br />
<br />



</div>




<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color:000000 !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 118px !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://connerjones.webs.com/photos/-consensus/blog.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 167px !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: 399px !important;
font-family: Arial;
color: 000000 !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
_width:380px;
_margin-left:40px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: 000000 ;
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;
_margin-left:22px;
}

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: 403px;
color: 000000;
padding: 0px !important;
margin: 0px !important;
margin-left: 30px !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: 62px !important;
_width:380px;
}

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: 000000 !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: 58px !important;
width: 450px !important;
margin: 0 !important;
margin-left: 118px !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://connerjones.webs.com/photos/-consensus/friends.jpg);
background-repeat: no-repeat;
color: transparent !important;
line-height: 10px !important;
margin-top: -3px !important;
background-color: transparent !important;
_margin-left: 184px !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: 50px !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;
_margin-left:20px;}

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://connerjones.webs.com/photos/-consensus/comments-1.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !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: 45px !important;
_margin-bottom: -1px !important;
_margin-left:50px;
}

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;
_margin-left:12px;}

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;
_margin-left:0px;}

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;
_margin-left:0px}

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: -4px;}

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: ffffff;
background-image:url(http://fc02.deviantart.com/fs51/f/2009/256/c/c/cc38529b93e12304313046c2a2abdbaa.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: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:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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

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

</style>


I'm also having some trouble with alignment in IE, but right now my biggest concern is the oversized twitter badges.

Oh, and the layout can be seen here on my testing site: myspace.com/ineedtotestthis


Thanks again!

Posted by: Mike Oct 13 2009, 02:42 PM

Find this line in your codes:

CODE
object {position:absolute; height:350px; width:450px; left:50%; z-index:9;}

Remove the size attributes and see if that fixes it.

Posted by: hiddenflaw Oct 13 2009, 03:19 PM

Thanks Mike, it totally did.

I am having a little problem with the shows section being a little too far to the left, and I can't figure out which attribute to change to move it.

Posted by: norm311 Oct 14 2009, 11:27 PM

Mike,

I've noticed you've been able to solve some problems with weird IE formating. I have one of my own and I'd really appreciate your help. The code I've been working with looks great in Safari, but in Internet Explorer the left column is too far right. It actually overlaps the right column completely. How can I change my code so it'll work properly in both IE and safari?

Thanks so much,
Travis

Here is the link to the myspace I'm working on:
http://www.myspace.com/213123434341412321321434

And here is my code:


CODE

<i class="i">!!! Start Code To Apply Top Banner !!!!</i>
<a class="i" href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy90b3AtYmFubmVy" title="myspace top banner">
Custom top banner code by Eileen</a>
<style>
{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:480px !important;}
{! apply banner as bkgd image !}
div.profileWidth{background-image:url(http://i269.photobucket.com/albums/jj66/norm311/Banner08.jpg)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}
</style>

<i class="i">!!! End Code To Apply Top Banner !!!</i>





<style>

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ###### !important;
width: 417px !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://i269.photobucket.com/albums/jj66/norm311/News02.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: 80px;
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: 1px;
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: 52px !important;
width: 399px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i269.photobucket.com/albums/jj66/norm311/Friends00.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
}


.shows {position:absolute; top:1075px; left:50%; margin-left:-42px; _margin-left:###px; width:325px; height:52px; z-index:1;}
table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 52px;
text-indent: -999999px;
background: transparent url() bottom left no-repeat;
}

.tg_left {position:absolute; top:1192px; left:50%; margin-left:-403px; _margin-left:000px; width:325px; height:900px; z-index:1;}

.nametext{background-color:transparent;font-style:normal;
text-transform:none;border:0;
font-weight:normal;color:white;font-family:helvetica narrow;}


.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://i269.photobucket.com/albums/jj66/norm311/Picture3-1.jpg);
background-position: top center;
background-repeat: repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:yes;
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;
}

</style>


<div class="shows">
<img src="http://i269.photobucket.com/albums/jj66/norm311/Shows01.jpg" />
</div>

<div class="tg_left">
<img src="http://i269.photobucket.com/albums/jj66/norm311/Members00.jpg" />
<img src="http://i269.photobucket.com/albums/jj66/norm311/FullBand.jpg" />
<br></br>
<img src="http://i269.photobucket.com/albums/jj66/norm311/OrlandoWeekly.jpg" />
<br></br>
<img src="http://i269.photobucket.com/albums/jj66/norm311/BelieverApparelAd01.jpg" />
<br></br>
<img src="http://i269.photobucket.com/albums/jj66/norm311/SupportFrom00.jpg" />
<img src="http://i269.photobucket.com/albums/jj66/norm311/Gibson.jpg" />


</div>


<img src="http://i269.photobucket.com/albums/jj66/norm311/Videos02.jpg" />



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3373218&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=3373218&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3373412&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=3373412&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3169743&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=3169743&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>



<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="225" width="400">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2322302&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://vimeo.com/moogaloop.swf?clip_id=2322302&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" height="225" width="400" wmode="transparent" />
</object><p>

<img src="http://i269.photobucket.com/albums/jj66/norm311/ShowOct22.jpg"/>

Posted by: Mike Oct 15 2009, 07:15 AM

Look for this line:

CODE
.tg_left {position:absolute; top:1192px; left:50%; margin-left:-403px; _margin-left:000px; width:325px; height:900px; z-index:1;}

Remove the margin-left attribute with an underscore before it.

Posted by: norm311 Oct 15 2009, 09:10 AM

Works perfectly. Thanks so much, really appreciate it.

Posted by: teamteamspirit Oct 22 2009, 05:53 PM

Could anyone help me with this? I'd greatly appreciate it.

http://www.myspace.com/teamteamspirit

why is there a large black space at the top? I can't figure it out.

CODE
<style>
.profileWidth table { margin-bottom:800px; width:-509px; }
.rail { display:none; }
.gap {
background: top center no-repeat;
width:800px; height:-6400px;
position:absolute; top:0; left:50%;
margin:497px 0 -400px -400px; }
.topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:0px; height:0px; z-index:1;}





</style>








<div class="gap"><div class="topbanner">
<img src="http://img25.imageshack.us/img25/3676/46001086.jpg" />
</div></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 {
margin-top:0px;
background-color: ffffff;
background-image:url(http://www.deviantart.com/download/141126973/gbxbcz_by_gro0ve.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .whitetext, .whitetext10, .whitetext12, 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:C0C0C0;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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

</style>

Posted by: thesaintszgn Oct 24 2009, 08:45 PM

where should I add the diferent codes??

Posted by: butifuldzastr Oct 25 2009, 02:06 AM

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! :(

Posted by: manny-the-dino Oct 25 2009, 10:41 PM

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

Posted by: velvetgrooves Oct 28 2009, 06:49 AM

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?

Posted by: Mike Oct 28 2009, 06:51 AM

Try http://www.createblog.com/myspace-scripts/1934-customize-new-music-player/.

Posted by: velvetgrooves Oct 28 2009, 08:38 AM

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

Posted by: Mike Oct 28 2009, 10:08 AM

Remove the size attributes in the second line.

Posted by: flashback4491 Oct 28 2009, 07:33 PM

:(

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

Posted by: ashro0222 Oct 30 2009, 09:33 AM

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

Posted by: Mike Oct 31 2009, 04:27 PM

Posts merged.

Posted by: ashro0222 Nov 4 2009, 02:51 PM

QUOTE(Mike @ Oct 31 2009, 05:27 PM) *
Posts merged.


Thanks, Sorry about that!

Posted by: Mike Nov 4 2009, 02:55 PM

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.

Posted by: ashro0222 Nov 5 2009, 09:57 AM

QUOTE(Mike @ Nov 4 2009, 03:55 PM) *
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! :)

Posted by: Mike Nov 5 2009, 02:14 PM

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.

Posted by: ashro0222 Nov 5 2009, 04:15 PM

It worked, Thanks! :)

Posted by: omnistudio Nov 6 2009, 01:33 PM

Hello im new here!! biggrin.gif 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)

Posted by: moose2b Nov 9 2009, 09:41 PM

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.

Posted by: hiddenflaw Nov 13 2009, 11:52 PM

THIS POST IS NOW VOID.

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

Posted by: hiddenflaw Nov 14 2009, 07:38 AM

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

Posted by: Mike Nov 14 2009, 12:28 PM

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.

Posted by: hiddenflaw Nov 16 2009, 03:12 AM

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>

Posted by: Mike Nov 16 2009, 09:02 AM

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.

Posted by: sdshouse Nov 21 2009, 07:55 PM

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

http://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>

Posted by: Babar Jan 6 2010, 10:10 AM

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?

Posted by: Mike Jan 6 2010, 10:23 AM

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.

Posted by: Babar Jan 6 2010, 12:58 PM

QUOTE(Mike @ Jan 6 2010, 10:23 AM) *
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.

Alright, I figured out how to size it so it makes the whole table 900px which is what I was after! :D Now, I was just wondering, where exactly is that code supposed to go? I don't want to go and put it in the wrong part and have it interfering with other codes y'see, will it work fine if I just put it at the end of my stylesheet (before my </style> tag with most of the coding inside) or should it go outside of that in a separate section?

Posted by: Mike Jan 7 2010, 07:07 AM

Would you mind posting all of your codes, or at least tell me which sections you're placing codes into?

Posted by: Babar Jan 7 2010, 05:23 PM

QUOTE(Mike @ Jan 7 2010, 07:07 AM) *
Would you mind posting all of your codes, or at least tell me which sections you're placing codes into?

My main stylesheet including all the div positioning etc is in the Sounds Like section in between the obligatory <style> tags, the gap maker code for the top banner is at the start of the bio section like it says to put in the tutorial (Is it true that if it's placed anywhere else it won't create the right gap? Because that's what it says in the tut.), my div classes are all in the Band Members section and my rollovers (divs that become transparent when hovered) are all in the Influences section. No particular reason for placing everything there, I just like having different aspects of the coding organised :)

All I was really wondering is does the code you provided go inside the <style></style> tags or outside them? if I choose to place this code in the Sounds Like section, alongside my main stylesheet? Thank you so much for the help by the way!

Posted by: Mike Jan 14 2010, 12:49 PM

Outside. Place it at the very bottom.

Posted by: lauralouwho Feb 6 2010, 11:55 PM

hey, i'm basically done with the page, but for some reason it is messing up in internet explorer. like, everything is not in the right places like it shows up on firefox.

myspace.com/underwhitelightsmusic

here is my entire code:

CODE
<style> .profileWidth table { margin-bottom:844px; width:800px; } .rail { display:none; } .gap { background: top left no-repeat; width:900px; height:681px; position:absolute; top:0; left:50%; margin:0px 0 -400px -496px; } .topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:900; height:681px; z-index:1;} .player { background: top left no-repeat; width:900px; height:844px; position:absolute; top:0; left:50%; margin:962px 0 -400px -449px; _margin:962px 0 -400px -450px; } .tg_left { position:absolute; top:1344px ; left:50%; margin-left:-449px; _margin-left:-450px; width:325px; height:800px; z-index:1; } .shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 450px; visibility: visible; width: 1px; height: 0px; text-indent: -999999px; background: transparent bottom left no-repeat; } .bio{ width:422px display:block; height:500px padding-top:20px; _padding-top:20px; margin-top:42px; margin-left:115px; _margin-top:65px; _margin-left:147px; _width:322px !important; _height:400px !important; } .bio2{ width:450px !important; display:block; height:58px !important; padding-top:10px; margin-top:20px; _margin-top:-20px; margin-left:115px; _margin-left:147px; } .promote{ width:450px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:115px; _margin-left:-2px; } .promote2{ width:400px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:140px; _margin-left:0px; } .leftcontent { width: 325px !important display: block; height: auto; margin-left: 20px; _margin-left: 0px; } object {position:absolute; height:; width:; left:50%; z-index:9;} object {top:-37px!important; _top:-90px!important; margin-left:-510px!important; _margin-left:-410px!important;} object object, td td td object, embed {position:static; margin:auto!important;} dl.image_map {display:block; width:779px; height:98px; background:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/LINKS.jpg); position:relative; margin:2px auto 2px auto;} a.LINK0 {left:336px; top:0px; background:transparent;} a.LINK0 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK0:hover {background:transparent; border:1px dashed black; color:black;} a.LINK1 {left:485px; top:3px; background:transparent;} a.LINK1 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK1:hover {background:transparent; border:1px dashed black; color:black;} a.LINK2 {left:620px; top:0px; background:transparent;} a.LINK2 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK2:hover {background:transparent; border:1px dashed black; color:black;} a.LINK3 {left:0px; top:43px; background:transparent;} a.LINK3 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK3:hover {background:transparent; border:1px dashed black; color:black;} a.LINK4 {left:149px; top:43px; background:transparent;} a.LINK4 {display:block; width:144px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK4:hover {background:transparent; border:1px dashed black; color:black;} a.LINK5 {left:295px; top:52px; background:transparent;} a.LINK5 {display:block; width:152px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK5:hover {background:transparent; border:1px dashed black; color:black;} a.LINK6 {left:444px; top:52px; background:transparent;} a.LINK6 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK6:hover {background:transparent; border:1px dashed black; color:black;} a.LINK7 {left:522px; top:52px; background:transparent;} a.LINK7 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK7:hover {background:transparent; border:1px dashed black; color:black;} a.LINK8 {left:604px; top:52px; background:transparent;} a.LINK8 {display:block; width:172px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK8:hover {background:transparent; border:1px dashed black; color:black;} </style> <div class="gap"><div class="topbanner"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Header1copy.jpg" /><br /> <dl class="image_map"> <dd><a class="LINK0" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK1" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3V3bGJhbmQ="></a></dd> <dd><a class="LINK2" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK3" title="" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"></a></dd> <dd><a class="LINK4" title="" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK5" title="" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK6" title="" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00OTM2Mzc5MjU="></a></dd> <dd><a class="LINK7" title="" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=493637925"></a></dd> <dd><a class="LINK8" title="" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=23048363"></a></dd> </dl> </div></div> <div class="player"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BandPic-MusicPlayer2copy.jpg" /> </div> <div class="shows"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/SHOWS2copy.jpg" /> </div> <div class="bio2"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BIO2copy.jpg" /> </div> <div class="bio"> Instead of telling you where we’ve come from, we want to tell you where we are and where we’re headed. Under White Lights, formerly YouthWithoutYou, is 5 friends who are passionate about music, movies, love and life. Ask any one of us and we’ll make sure you know. It’s what drives our music. Under White Lights is about having fun while you can and living life to the fullest every second of every day. Before people realize it the responsibilities of life set in. Under White Lights is about making music that we are passionate about. Music is one of the most personal expressions a person can make. We know how important music is to us and want to pass that love on to others. Under White Lights is about putting a great live show. There’s nothing like going to a live show and singing along to your favorite songs, that’s the feeling we want every audience member to have. Basically, we’re a band that loves music, that loves life, and most of all, loves our fans.<br /><br /><br /><br /><br /><br /> </div> <div class="promote"><center> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/PROMOTE2copy.jpg" /> </div> <div class="promote2"> <br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a></textarea><br /><br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a></textarea> <br /> <center></div> <div class="tg_left"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/MEMBERS2copy.jpg" /> <a href="http://www.myspace.com/awesomedanworley"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/dan.jpg" /></a> <a href="http://www.myspace.com/eric2thepelow"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/pejoy.jpg" /></a> <a href="http://www.myspace.com/ryanlynch6"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/ryan.jpg" /></a> <a href="http://www.myspace.com/hey_opey"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/opey.jpg" /></a> <a href="http://www.myspace.com/shine_up_shine_down"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/alex.jpg" /></a> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/INFO2copy.jpg" /> <div class="leftcontent" align="justify"> <b style="color:ffffff;">URL.</b><br /> <a href="http://www.myspace.com/underwhitelightsmusic">www.myspace.com/underwhitelightsmusic</a><br /> <br /> <b style="color:ffffff;">BOOKING.</b><br /> please contact <a href="http://myspace.com/miserygates">Tuesday Worley</a><br /> <a href="mailto:tuesdayworley@hotmail.com">tuesdayworley@hotmail.com</a><br /> <br /> <b style="color:ffffff;">HOMETOWN.</b><br /> McCreary County, KY<br /> <br /> <b style="color:ffffff;">LABEL.</b><br /> Unsigned<br /><br /> <b style="color:ffffff;">LAYOUT.</b><br /> <a href="http://www.myspace.com/miserygates">Tuesday Worley</a> & <a href="http://www.myspace.com/ahhrunfromthepink">Laura Lewis</a><br /> <br /> </div> <style> html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color:ffffff !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 135px !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BLOG2copy.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; _margin-left: 167px !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: 399px !important; font-family: Arial; color: ffffff !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; _width:380px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: ffffff ; 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; _margin-left:20px; } 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: 403px; color: ffffff ; padding: 0px !important; margin: 0px !important; margin-left: 30px !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: 12px !important; _width:380px; } 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: 58px !important; width: 450px !important; margin: 0 !important; margin-left: 118px !important; padding: 0 !important; font-size: 1px; overflow: hidden; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/FRIENDS2copy.jpg); background-repeat: no-repeat; color: transparent !important; line-height: 10px !important; margin-top: -3px !important; background-color: transparent !important; _margin-left: 154px !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: 50px !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://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/COMMENTS2copy.jpg); background-repeat: no-repeat !important; background-color: transparent; display: block !important; height: 45px !important; color: ffffff !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: 45px !important; _margin-bottom: -1px !important; _margin-left:50px; } 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; 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: fffffff !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: ffffff !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: ffffff !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: -4px;} 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:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Backgroundcopy.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:ffffff; 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: 000000 !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:ffffff; 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>

Posted by: Mike Feb 7 2010, 05:39 AM

The _margin-top and _margin-left properties are for positioning things solely on Internet Explorer. If things are positioned fine on IE already, don't bother using them.

Posted by: lauralouwho Feb 7 2010, 12:36 PM

so, i just need to remove all the margin-top and margin-left values?

Posted by: Mike Feb 7 2010, 02:25 PM

No. Only ones with underscores before them.

Posted by: lauralouwho Feb 7 2010, 02:37 PM

i did that, but everything is still messed up in IE. it looks fine in FF, but in IE everything is very weird.

Posted by: Mike Feb 8 2010, 04:52 AM

Post your revised codes.

Posted by: lauralouwho Feb 8 2010, 07:07 AM

CODE
<style> .profileWidth table { margin-bottom:844px; width:800px; } .rail { display:none; } .gap { background: top left no-repeat; width:900px; height:681px; position:absolute; top:0; left:50%; margin:0px 0 -400px -496px; } .topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; width:900; height:681px; z-index:1;} .player { background: top left no-repeat; width:900px; height:844px; position:absolute; top:0; left:50%; margin:962px 0 -400px -449px; _margin:962px 0 -400px -450px; } .tg_left { position:absolute; top:1344px ; left:50%; margin-left:-449px; width:325px; height:800px; z-index:1; } .shows {position:absolute; top:1348px; left:50%; margin-left:1px; width:325px; height:58px; z-index:1;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 450px; visibility: visible; width: 1px; height: 0px; text-indent: -999999px; background: transparent bottom left no-repeat; } .bio{ width:422px display:block; height:500px padding-top:20px; _padding-top:20px; margin-top:42px; margin-left:115px; _width:322px !important; _height:400px !important; } .bio2{ width:450px !important; display:block; height:58px !important; padding-top:10px; margin-top:20px; margin-left:115px; } .promote{ width:450px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:115px; } .promote2{ width:400px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:140px; } .leftcontent { width: 325px !important display: block; height: auto; margin-left: 20px; } object {position:absolute; height:; width:; left:50%; z-index:9;} object {top:-37px!important; _top:-90px!important; margin-left:-510px!important; } object object, td td td object, embed {position:static; margin:auto!important;} dl.image_map {display:block; width:779px; height:98px; background:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/LINKS.jpg); position:relative; margin:2px auto 2px auto;} a.LINK0 {left:336px; top:0px; background:transparent;} a.LINK0 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK0:hover {background:transparent; border:1px dashed black; color:black;} a.LINK1 {left:485px; top:3px; background:transparent;} a.LINK1 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK1:hover {background:transparent; border:1px dashed black; color:black;} a.LINK2 {left:620px; top:0px; background:transparent;} a.LINK2 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK2:hover {background:transparent; border:1px dashed black; color:black;} a.LINK3 {left:0px; top:43px; background:transparent;} a.LINK3 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK3:hover {background:transparent; border:1px dashed black; color:black;} a.LINK4 {left:149px; top:43px; background:transparent;} a.LINK4 {display:block; width:144px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK4:hover {background:transparent; border:1px dashed black; color:black;} a.LINK5 {left:295px; top:52px; background:transparent;} a.LINK5 {display:block; width:152px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK5:hover {background:transparent; border:1px dashed black; color:black;} a.LINK6 {left:444px; top:52px; background:transparent;} a.LINK6 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK6:hover {background:transparent; border:1px dashed black; color:black;} a.LINK7 {left:522px; top:52px; background:transparent;} a.LINK7 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK7:hover {background:transparent; border:1px dashed black; color:black;} a.LINK8 {left:604px; top:52px; background:transparent;} a.LINK8 {display:block; width:172px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK8:hover {background:transparent; border:1px dashed black; color:black;} </style> <div class="gap"><div class="topbanner"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Header1copy.jpg" /><br /> <dl class="image_map"> <dd><a class="LINK0" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK1" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3V3bGJhbmQ="></a></dd> <dd><a class="LINK2" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK3" title="" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"></a></dd> <dd><a class="LINK4" title="" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK5" title="" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK6" title="" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00OTM2Mzc5MjU="></a></dd> <dd><a class="LINK7" title="" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=493637925"></a></dd> <dd><a class="LINK8" title="" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=23048363"></a></dd> </dl> </div></div> <div class="player"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BandPic-MusicPlayer2copy.jpg" /> </div> <div class="shows"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/SHOWS2copy.jpg" /> </div> <div class="bio2"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BIO2copy.jpg" /> </div> <div class="bio"> Instead of telling you where we’ve come from, we want to tell you where we are and where we’re headed. Under White Lights, formerly YouthWithoutYou, is 5 friends who are passionate about music, movies, love and life. Ask any one of us and we’ll make sure you know. It’s what drives our music. Under White Lights is about having fun while you can and living life to the fullest every second of every day. Before people realize it the responsibilities of life set in. Under White Lights is about making music that we are passionate about. Music is one of the most personal expressions a person can make. We know how important music is to us and want to pass that love on to others. Under White Lights is about putting a great live show. There’s nothing like going to a live show and singing along to your favorite songs, that’s the feeling we want every audience member to have. Basically, we’re a band that loves music, that loves life, and most of all, loves our fans.<br /><br /><br /><br /><br /><br /> </div> <div class="promote"><center> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/PROMOTE2copy.jpg" /> </div> <div class="promote2"> <br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style=" border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a></textarea><br /><br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style=" border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a></textarea> <br /> <center></div> <div class="tg_left"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/MEMBERS2copy.jpg" /> <a href="http://www.myspace.com/awesomedanworley"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/dan.jpg" /></a> <a href="http://www.myspace.com/eric2thepelow"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/pejoy.jpg" /></a> <a href="http://www.myspace.com/ryanlynch6"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/ryan.jpg" /></a> <a href="http://www.myspace.com/hey_opey"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/opey.jpg" /></a> <a href="http://www.myspace.com/shine_up_shine_down"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/alex.jpg" /></a> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/INFO2copy.jpg" /> <div class="leftcontent" align="justify"> <b style="color:ffffff;">URL.</b><br /> <a href="http://www.myspace.com/underwhitelightsmusic">www.myspace.com/underwhitelightsmusic</a><br /> <br /> <b style="color:ffffff;">BOOKING.</b><br /> please contact <a href="http://myspace.com/miserygates">Tuesday Worley</a><br /> <a href="mailto:tuesdayworley@hotmail.com">tuesdayworley@hotmail.com</a><br /> <br /> <b style="color:ffffff;">HOMETOWN.</b><br /> McCreary County, KY<br /> <br /> <b style="color:ffffff;">LABEL.</b><br /> Unsigned<br /><br /> <b style="color:ffffff;">LAYOUT.</b><br /> <a href="http://www.myspace.com/miserygates">Tuesday Worley</a> & <a href="http://www.myspace.com/ahhrunfromthepink">Laura Lewis</a><br /> <br /> </div> <style> html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color:ffffff !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 135px !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BLOG2copy.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; } 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: 399px !important; font-family: Arial; color: ffffff !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; _width:380px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: ffffff ; 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; } 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: 403px; color: ffffff ; padding: 0px !important; margin: 0px !important; margin-left: 30px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _font-weight: normal !important; _width:380px; } 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: 58px !important; width: 450px !important; margin: 0 !important; margin-left: 118px !important; padding: 0 !important; font-size: 1px; overflow: hidden; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/FRIENDS2copy.jpg); background-repeat: no-repeat; color: transparent !important; line-height: 10px !important; margin-top: -3px !important; background-color: transparent !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; } 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://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/COMMENTS2copy.jpg); background-repeat: no-repeat !important; background-color: transparent; display: block !important; height: 45px !important; color: ffffff !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: 45px !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; 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: fffffff !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: ffffff !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; } 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: ffffff !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; } 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; } 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:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Backgroundcopy.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:ffffff; 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: 000000 !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:ffffff; 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>

Posted by: hiddenflaw Feb 9 2010, 07:44 AM

Okay, so here I am yet again with another problem.

This is probably a really dumb mistake I made, but for the life of me I can't find it.

( testing site: http://myspace.com/ineedtotestthis )

A.) I have two headers that are pushing down the main image header, when they should be part of the body content (videos and promote sections).

B.) My shows header is in the right spot, but the shows aren't showing up under said header.

C.) The Friends section seems to be hiding under some of my other divs.

CODE
<style>

.profileWidth table { margin-bottom:1150px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:800px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1150px;
}

.pictureplayer {position:absolute; left:50%; top:1709px; margin-left:-396px; _margin-left:-396px; z-index:1;}

</style>

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

<div class="pictureplayer">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/image-and-player.jpg" />
</div>

<style>
.topbanner {position:absolute; left:50%; top:0px; margin-left:-414px; _margin-left:-414px; width:845px; height:1035px; z-index:1;}


.tg_left {position:absolute; top:2105px; left:50%; margin-left:-400px; _margin-left:-400px; width:316px; height:1000px; z-index:1;}

.videos{
width:460px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
}


.promote{
width:460px !important;
display:block;
height:auto !important;
padding-top:0px;
margin-top:0px;
margin-left:118px;
}


object {top: 173px!important; margin-left: -454px!important;}
object {position: absolute; left: 50%; z-index: 9;}
object object, td td td object, embed {position: static; margin: auto!important;}



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


.shows {position:absolute; top:2104px; left:50%; margin-left:-59px; _margin-left:-60px; width:325px; height:55px; z-index:1;}



.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: ffffff;
background-image:url(http://fc05.deviantart.net/fs70/f/2010/038/6/2/winterbackground_by_Hidden_Flaw.png);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
margin-left:20px;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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

a:hover {
color: 666666 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}





.latestBlogEntry {
position:absolute;
top:2160px;
margin-left: -390px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}

table .latestBlogEntry {
width:325px!important;
}











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/ConsensusWinter2010Layout/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: -340px !important;
_width: 720px !important;
_margin-left: -341px !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/ConsensusWinter2010Layout/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: 80px !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;}


</style>


<div class="topbanner">
<table id="Table_01" width="846" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_01.jpg" width="845" height="1033" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1033" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_02.jpg" width="36" height="68" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vZmFjZWJvb2suY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_03.jpg" width="119" height="47" border="0" alt="" /></a></td>
<td rowspan="6">

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_04.jpg" width="3" height="66" alt="" /></td>
<td colspan="5">
<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_05.jpg" width="226" height="47" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_06.jpg" width="1" height="63" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vQ29uc2Vuc3VzQmFuZA==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_07.jpg" width="153" height="47" border="0" alt="" /></a></td>

<td rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_08.jpg" width="5" height="63" alt="" /></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_09.jpg" width="134" height="48" border="0" alt="" /></a></td>
<td colspan="2" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8veW91dHViZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_10.jpg" width="138" height="56" border="0" alt="" /></a></td>
<td rowspan="9">

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_11.jpg" width="30" height="676" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="47" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_12.jpg" width="119" height="19" alt="" /></td>
<td colspan="5" rowspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_13.jpg" width="226" height="16" alt="" /></td>

<td rowspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_14.jpg" width="153" height="16" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_15.jpg" width="134" height="14" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="8" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_16.jpg" width="138" height="6" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="6" alt="" /></td>
</tr>
<tr>

<td rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_17.jpg" width="3" height="614" alt="" /></td>
<td colspan="2" rowspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_18.jpg" width="140" height="40" border="0" alt="" /></a></td>
<td rowspan="4">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_19.jpg" width="129" height="40" border="0" alt="" /></a></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_20.jpg" width="219" height="3" alt="" /></td>
<td colspan="4" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_21.jpg" width="166" height="39" border="0" alt="" /></a></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="3" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_22.jpg" width="81" height="2" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_23.jpg" width="113" height="36" border="0" alt="" /></a></td>
<td rowspan="3">

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_24.jpg" width="3" height="610" alt="" /></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_25.jpg" width="143" height="36" border="0" alt="" /></a></td>
<td rowspan="3">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_26.jpg" width="1" height="610" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="2" alt="" /></td>
</tr>

<tr>
<td rowspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_27.jpg" width="29" height="608" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_28.jpg" width="85" height="34" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_29.jpg" width="3" height="608" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_30.jpg" width="85" height="574" alt="" /></td>
<td colspan="3">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_31.jpg" width="113" height="574" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_32.jpg" width="143" height="574" alt="" /></td>

<td colspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_33.jpg" width="166" height="574" alt="" /></td>
<td colspan="3">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_34.jpg" width="269" height="574" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="574" alt="" /></td>
</tr>
<tr>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="29" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="7" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="78" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="38" height="1" alt="" /></td>

<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="72" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="143" height="1" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="7" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="153" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="5" height="1" alt="" /></td>

<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="131" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="129" height="1" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="30" height="1" alt="" /></td>
<td></td>
</tr>

</div>

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


<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="400" alt="" />

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/merch-1.gif" /></a>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/equip.jpg" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/gear.jpg" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/info.jpg" />

<div align="justify">

<b style="color: rgb(59, 61, 61);">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color: rgb(59, 61, 61);">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />
<b style="color: rgb(59, 61, 61);">MANAGEMENT.</b><br />

<a href="mailto:Whitehorseeg@aol.com">Joshua "Lego" Lohrman</a><br />
<br />

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

<b style="color: rgb(59, 61, 61);">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.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>
<div class="shows">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/shows.jpg" />
</div>

<div class="videos">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/video.jpg" />

</div>
<div class="promote">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promote.jpg" />
</div>



Thanks ahead of time for your help, and you can laugh at me if this fix was really stupid or easy, but in my defense it's almost 8am and I need sleep pretty badly.

Posted by: hiddenflaw Feb 12 2010, 06:32 AM

Okay, so I'm sorry to double post - but I figured out all that above stuff, but now I'm having trouble with the internet explorer version of the layout. None of the left side menus are showing up-but only in IE.

CODE
<style>

.profileWidth table { margin-bottom:1150px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:800px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1150px;
}

.pictureplayer {position:absolute; left:50%; top:1709px; margin-left:-396px; _margin-left:-396px; z-index:1;}

.videos {position:absolute; left:50%; top:2400px; margin-left:-54px; _margin-left:-55px; z-index:1;}

.promote {position:absolute; left:50%; top:2600px; margin-left:-50px; _margin-left:-50px; z-index:1;}

.conner {
position:absolute; top:1337px; _top:1167px; left:50%; margin-left:-460px; _margin-left:-510px; _width:200px !important;text-align:center; _height:200px !important;
z-index:2; }

.ryan {
position:absolute; top:1337px; _top:1167px; left:50%; margin-left:-300px;
_margin-left:-350px; _width:200px !important;text-align:center; _height:200px !important;
z-index:2; }

.ben {
position:absolute; top:1337px; _top:1167px; left:50%; margin-left:-140px;
_margin-left:-190px; _width:200px !important;text-align:center; _height:200px !important;
z-index:2; }

.keenan {
position:absolute; top:1337px; _top:1167px; left:50%; margin-left:20px;
_margin-left:-30px; _width:200px !important;text-align:center; _height:200px !important;
z-index:2; }

.mike {
position:absolute; top:1337px; _top:1167px; left:50%; margin-left:180px;
_margin-left:130px; _width:200px !important;text-align:center; _height:200px !important;
z-index:2; }








</style>

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

<div class="pictureplayer">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/image-and-player.jpg" />
</div>

<div class="shows">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/shows.jpg" />
</div>



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


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


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

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/feb24-myspace.jpg" />
Message us if you want presale tickets!!


<a href="http://myspace.com/theconsensusband"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promo3.gif" /></a>
Copy and paste the text from the area below onto your website or profile!
<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 460px; height: 45px; background-color: white;"><a href="http://myspace.com/theconsensusband"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promo3.gif" /></a></textarea>


<a href="http://myspace.com/theconsensusband"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promo2.gif" /></a>
Copy and paste the text from the area below onto your website or profile!
<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 460px; height: 45px; background-color: white;"><a href="http://myspace.com/theconsensusband"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promo2.gif" /></a></textarea>


<a href="http://myspace.com/theconsensusband"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promo1.gif" /></a>
Copy and paste the text from the area below onto your website or profile!
<textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 460px; height: 45px; background-color: white;"><a href="http://myspace.com/theconsensusband"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/promo1.gif" /></a></textarea>





<div class="conner"><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=0&type=user&id=23279831" />
<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=0&type=user&id=23279831" quality="high" />
</object></div>

<div class="ryan"><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=0&type=user&id=82872975" />
<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=0&type=user&id=82872975" quality="high" />
</object>
</div>

<div class="ben"><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=0&type=user&id=74049593" />
<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=0&type=user&id=74049593" quality="high" />
</object>
</div>

<div class="keenan"><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=0&type=user&id=47543497" />
<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=0&type=user&id=47543497" quality="high" />
</object>
</div>

<div class="mike"><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=0&type=user&id=75800583" />
<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=0&type=user&id=75800583" quality="high" />
</object></div>














<style>
.topbanner {position:absolute; left:50%; top:0px; margin-left:-414px; _margin-left:-414px; width:845px; height:1035px; z-index:1;}


.tg_left {position:absolute; top:2105px; left:50%; margin-left:-400px; width:316px; height:1000px; z-index:1; _z-index:2;}



object {top: 175px!important; margin-left: -474px!important; _margin-left:-442px; _top:345px;}
object {position: absolute; left: 50%; z-index: 9;}
object object, td td td object, embed {position: static; margin: auto!important;}



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


.shows {position:absolute; top:2104px; left:50%; margin-left:-51px; _margin-left:-52px; width:325px; height:55px; z-index:1;}



.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: ffffff;
background-image:url(http://fc05.deviantart.net/fs70/f/2010/038/6/2/winterbackground_by_Hidden_Flaw.png);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
margin-left:20px;
}

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:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:ffffff;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

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

a:hover {
color: 666666 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}





.latestBlogEntry {
position:absolute;
top:2160px;
margin-left: -390px;
left:50%;
width: 325px;
background-color: transparent;
z-index: 9;
}

table .latestBlogEntry {
width:325px!important;
}











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
















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: -340px !important;
_width: 720px !important;
_margin-left: -341px !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/ConsensusWinter2010Layout/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: 80px !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;}


</style>


<div class="topbanner">
<table id="Table_01" width="846" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_01.jpg" width="845" height="1033" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1033" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_02.jpg" width="36" height="68" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vZmFjZWJvb2suY29tL2NvbnNlbnN1c2JhbmQ=">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_03.jpg" width="119" height="47" border="0" alt="" /></a></td>
<td rowspan="6">

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_04.jpg" width="3" height="66" alt="" /></td>
<td colspan="5">
<a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_05.jpg" width="226" height="47" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_06.jpg" width="1" height="63" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vQ29uc2Vuc3VzQmFuZA==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_07.jpg" width="153" height="47" border="0" alt="" /></a></td>

<td rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_08.jpg" width="5" height="63" alt="" /></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_09.jpg" width="134" height="48" border="0" alt="" /></a></td>
<td colspan="2" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8veW91dHViZS5jb20vY29uc2Vuc3VzYmFuZA==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_10.jpg" width="138" height="56" border="0" alt="" /></a></td>
<td rowspan="9">

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_11.jpg" width="30" height="676" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="47" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_12.jpg" width="119" height="19" alt="" /></td>
<td colspan="5" rowspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_13.jpg" width="226" height="16" alt="" /></td>

<td rowspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_14.jpg" width="153" height="16" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_15.jpg" width="134" height="14" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="8" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_16.jpg" width="138" height="6" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="6" alt="" /></td>
</tr>
<tr>

<td rowspan="5">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_17.jpg" width="3" height="614" alt="" /></td>
<td colspan="2" rowspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_18.jpg" width="140" height="40" border="0" alt="" /></a></td>
<td rowspan="4">
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_19.jpg" width="129" height="40" border="0" alt="" /></a></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_20.jpg" width="219" height="3" alt="" /></td>
<td colspan="4" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTM4OTUxMTY=">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_21.jpg" width="166" height="39" border="0" alt="" /></a></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="3" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_22.jpg" width="81" height="2" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY=">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_23.jpg" width="113" height="36" border="0" alt="" /></a></td>
<td rowspan="3">

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_24.jpg" width="3" height="610" alt="" /></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg==">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_25.jpg" width="143" height="36" border="0" alt="" /></a></td>
<td rowspan="3">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_26.jpg" width="1" height="610" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="2" alt="" /></td>
</tr>

<tr>
<td rowspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_27.jpg" width="29" height="608" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_28.jpg" width="85" height="34" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_29.jpg" width="3" height="608" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_30.jpg" width="85" height="574" alt="" /></td>
<td colspan="3">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_31.jpg" width="113" height="574" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_32.jpg" width="143" height="574" alt="" /></td>

<td colspan="4">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_33.jpg" width="166" height="574" alt="" /></td>
<td colspan="3">
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/header-slice_34.jpg" width="269" height="574" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="574" alt="" /></td>
</tr>
<tr>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="29" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="7" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="78" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="38" height="1" alt="" /></td>

<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="72" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="143" height="1" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="7" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="153" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="5" height="1" alt="" /></td>

<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="3" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="131" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="129" height="1" alt="" /></td>
<td>

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="30" height="1" alt="" /></td>
<td></td>
</tr>

</div>






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


<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/spacer.gif" width="1" height="250" alt="" />

<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/merch.jpg" />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/merch-1.gif" /></a>
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/equip.jpg" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/gear.jpg" />
<img src="http://i169.photobucket.com/albums/u239/hiddenflaw/ConsensusWinter2010Layout/info.jpg" />

<div align="justify">

<b style="color: rgb(59, 61, 61);">URL.</b><br />
<a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br />
<br />
<b style="color: rgb(59, 61, 61);">BOOKING.</b><br />
<a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br />
<br />
<b style="color: rgb(59, 61, 61);">MANAGEMENT.</b><br />

<a href="mailto:Whitehorseeg@aol.com">Joshua "Lego" Lohrman</a><br />
<br />

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

<b style="color: rgb(59, 61, 61);">MERCH.</b><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.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>





Posted by: Mike Feb 12 2010, 03:46 PM

It looks fine on Internet Explorer to me.

QUOTE(lauralouwho @ Feb 8 2010, 12:07 PM) *
CODE
<style> .profileWidth table { margin-bottom:844px; width:800px; } .rail { display:none; } .gap { background: top left no-repeat; width:900px; height:681px; position:absolute; top:0; left:50%; margin:0px 0 -400px -496px; } .topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; width:900; height:681px; z-index:1;} .player { background: top left no-repeat; width:900px; height:844px; position:absolute; top:0; left:50%; margin:962px 0 -400px -449px; _margin:962px 0 -400px -450px; } .tg_left { position:absolute; top:1344px ; left:50%; margin-left:-449px; width:325px; height:800px; z-index:1; } .shows {position:absolute; top:1348px; left:50%; margin-left:1px; width:325px; height:58px; z-index:1;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 450px; visibility: visible; width: 1px; height: 0px; text-indent: -999999px; background: transparent bottom left no-repeat; } .bio{ width:422px display:block; height:500px padding-top:20px; _padding-top:20px; margin-top:42px; margin-left:115px; _width:322px !important; _height:400px !important; } .bio2{ width:450px !important; display:block; height:58px !important; padding-top:10px; margin-top:20px; margin-left:115px; } .promote{ width:450px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:115px; } .promote2{ width:400px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:140px; } .leftcontent { width: 325px !important display: block; height: auto; margin-left: 20px; } object {position:absolute; height:; width:; left:50%; z-index:9;} object {top:-37px!important; _top:-90px!important; margin-left:-510px!important; } object object, td td td object, embed {position:static; margin:auto!important;} dl.image_map {display:block; width:779px; height:98px; background:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/LINKS.jpg); position:relative; margin:2px auto 2px auto;} a.LINK0 {left:336px; top:0px; background:transparent;} a.LINK0 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK0:hover {background:transparent; border:1px dashed black; color:black;} a.LINK1 {left:485px; top:3px; background:transparent;} a.LINK1 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK1:hover {background:transparent; border:1px dashed black; color:black;} a.LINK2 {left:620px; top:0px; background:transparent;} a.LINK2 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK2:hover {background:transparent; border:1px dashed black; color:black;} a.LINK3 {left:0px; top:43px; background:transparent;} a.LINK3 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK3:hover {background:transparent; border:1px dashed black; color:black;} a.LINK4 {left:149px; top:43px; background:transparent;} a.LINK4 {display:block; width:144px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK4:hover {background:transparent; border:1px dashed black; color:black;} a.LINK5 {left:295px; top:52px; background:transparent;} a.LINK5 {display:block; width:152px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK5:hover {background:transparent; border:1px dashed black; color:black;} a.LINK6 {left:444px; top:52px; background:transparent;} a.LINK6 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK6:hover {background:transparent; border:1px dashed black; color:black;} a.LINK7 {left:522px; top:52px; background:transparent;} a.LINK7 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK7:hover {background:transparent; border:1px dashed black; color:black;} a.LINK8 {left:604px; top:52px; background:transparent;} a.LINK8 {display:block; width:172px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK8:hover {background:transparent; border:1px dashed black; color:black;} </style> <div class="gap"><div class="topbanner"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Header1copy.jpg" /><br /> <dl class="image_map"> <dd><a class="LINK0" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK1" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3V3bGJhbmQ="></a></dd> <dd><a class="LINK2" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK3" title="" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"></a></dd> <dd><a class="LINK4" title="" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK5" title="" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK6" title="" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00OTM2Mzc5MjU="></a></dd> <dd><a class="LINK7" title="" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=493637925"></a></dd> <dd><a class="LINK8" title="" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=23048363"></a></dd> </dl> </div></div> <div class="player"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BandPic-MusicPlayer2copy.jpg" /> </div> <div class="shows"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/SHOWS2copy.jpg" /> </div> <div class="bio2"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BIO2copy.jpg" /> </div> <div class="bio"> Instead of telling you where we’ve come from, we want to tell you where we are and where we’re headed. Under White Lights, formerly YouthWithoutYou, is 5 friends who are passionate about music, movies, love and life. Ask any one of us and we’ll make sure you know. It’s what drives our music. Under White Lights is about having fun while you can and living life to the fullest every second of every day. Before people realize it the responsibilities of life set in. Under White Lights is about making music that we are passionate about. Music is one of the most personal expressions a person can make. We know how important music is to us and want to pass that love on to others. Under White Lights is about putting a great live show. There’s nothing like going to a live show and singing along to your favorite songs, that’s the feeling we want every audience member to have. Basically, we’re a band that loves music, that loves life, and most of all, loves our fans.<br /><br /><br /><br /><br /><br /> </div> <div class="promote"><center> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/PROMOTE2copy.jpg" /> </div> <div class="promote2"> <br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style=" border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a></textarea><br /><br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style=" border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a></textarea> <br /> <center></div> <div class="tg_left"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/MEMBERS2copy.jpg" /> <a href="http://www.myspace.com/awesomedanworley"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/dan.jpg" /></a> <a href="http://www.myspace.com/eric2thepelow"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/pejoy.jpg" /></a> <a href="http://www.myspace.com/ryanlynch6"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/ryan.jpg" /></a> <a href="http://www.myspace.com/hey_opey"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/opey.jpg" /></a> <a href="http://www.myspace.com/shine_up_shine_down"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/alex.jpg" /></a> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/INFO2copy.jpg" /> <div class="leftcontent" align="justify"> <b style="color:ffffff;">URL.</b><br /> <a href="http://www.myspace.com/underwhitelightsmusic">www.myspace.com/underwhitelightsmusic</a><br /> <br /> <b style="color:ffffff;">BOOKING.</b><br /> please contact <a href="http://myspace.com/miserygates">Tuesday Worley</a><br /> <a href="mailto:tuesdayworley@hotmail.com">tuesdayworley@hotmail.com</a><br /> <br /> <b style="color:ffffff;">HOMETOWN.</b><br /> McCreary County, KY<br /> <br /> <b style="color:ffffff;">LABEL.</b><br /> Unsigned<br /><br /> <b style="color:ffffff;">LAYOUT.</b><br /> <a href="http://www.myspace.com/miserygates">Tuesday Worley</a> & <a href="http://www.myspace.com/ahhrunfromthepink">Laura Lewis</a><br /> <br /> </div> <style> html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color:ffffff !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 135px !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BLOG2copy.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; } 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: 399px !important; font-family: Arial; color: ffffff !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; _width:380px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: ffffff ; 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; } 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: 403px; color: ffffff ; padding: 0px !important; margin: 0px !important; margin-left: 30px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _font-weight: normal !important; _width:380px; } 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: 58px !important; width: 450px !important; margin: 0 !important; margin-left: 118px !important; padding: 0 !important; font-size: 1px; overflow: hidden; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/FRIENDS2copy.jpg); background-repeat: no-repeat; color: transparent !important; line-height: 10px !important; margin-top: -3px !important; background-color: transparent !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; } 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://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/COMMENTS2copy.jpg); background-repeat: no-repeat !important; background-color: transparent; display: block !important; height: 45px !important; color: ffffff !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: 45px !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; 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: fffffff !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: ffffff !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; } 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: ffffff !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; } 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; } 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:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Backgroundcopy.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:ffffff; 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: 000000 !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:ffffff; 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>

Replace your codes with this:

CODE
<style> table table td.text {padding-left:45px;} table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding:0px;} .profileWidth table { margin-bottom:844px; width:800px; } .rail { display:none; } .gap { background: top left no-repeat; width:900px; height:681px; position:absolute; top:0; left:50%; margin:0px 0 -400px -496px; } .topbanner {position:absolute; left:50%; top:0px; margin-left:-450px; width:900; height:681px; z-index:1; text-align: center;} .player { background: top left no-repeat; width:900px; height:844px; position:absolute; top:0; left:50%; margin:962px 0 -400px -449px; } .tg_left { position:absolute; top:1344px ; left:50%; margin-left:-450px; width:325px; height:800px; z-index:1; text-align: center; background: black;} .shows {position:absolute; top:1348px; left:50%; margin-left:1px; width:325px; height:58px; z-index:1;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 450px; visibility: visible; width: 1px; height: 0px; text-indent: -999999px; background: transparent bottom left no-repeat; } .bio{ width:422px display:block; height:500px padding-top:20px; margin-top:42px; } .bio2{ width:450px !important; display:block; height:58px !important; padding-top:10px; margin-top:20px; } .promote{ width:450px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; } .promote2{ width:400px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; } .leftcontent { width: 325px !important display: block; height: auto; margin-left: 20px; } object {position:absolute; height:; width:; left:50%; z-index:9;} object {top:-37px!important; margin-left:-510px!important; } object object, td td td object, embed {position:static; margin:auto!important;} dl.image_map {display:block; width:779px; height:98px; background:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/LINKS.jpg); position:relative; margin: auto;} a.LINK0 {left:336px; top:0px; background:transparent;} a.LINK0 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK0:hover {background:transparent; border:1px dashed black; color:black;} a.LINK1 {left:485px; top:3px; background:transparent;} a.LINK1 {display:block; width:108px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK1:hover {background:transparent; border:1px dashed black; color:black;} a.LINK2 {left:620px; top:0px; background:transparent;} a.LINK2 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK2:hover {background:transparent; border:1px dashed black; color:black;} a.LINK3 {left:0px; top:43px; background:transparent;} a.LINK3 {display:block; width:153px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK3:hover {background:transparent; border:1px dashed black; color:black;} a.LINK4 {left:149px; top:43px; background:transparent;} a.LINK4 {display:block; width:144px; height:0; padding-top:52px; overflow:hidden; position:absolute;} a.LINK4:hover {background:transparent; border:1px dashed black; color:black;} a.LINK5 {left:295px; top:52px; background:transparent;} a.LINK5 {display:block; width:152px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK5:hover {background:transparent; border:1px dashed black; color:black;} a.LINK6 {left:444px; top:52px; background:transparent;} a.LINK6 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK6:hover {background:transparent; border:1px dashed black; color:black;} a.LINK7 {left:522px; top:52px; background:transparent;} a.LINK7 {display:block; width:78px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK7:hover {background:transparent; border:1px dashed black; color:black;} a.LINK8 {left:604px; top:52px; background:transparent;} a.LINK8 {display:block; width:172px; height:0; padding-top:43px; overflow:hidden; position:absolute;} a.LINK8:hover {background:transparent; border:1px dashed black; color:black;} </style> <div class="gap"></div>

<div class="topbanner"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Header1copy.jpg" /><br /> <dl class="image_map"> <dd><a class="LINK0" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK1" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3V3bGJhbmQ="></a></dd> <dd><a class="LINK2" title="" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3VuZGVyd2hpdGVsaWdodHNiYW5k"></a></dd> <dd><a class="LINK3" title="" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"></a></dd> <dd><a class="LINK4" title="" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK5" title="" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ5MzYzNzkyNQ=="></a></dd> <dd><a class="LINK6" title="" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00OTM2Mzc5MjU="></a></dd> <dd><a class="LINK7" title="" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=493637925"></a></dd> <dd><a class="LINK8" title="" href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&ContributorID=23048363"></a></dd> </dl> </div></div> <div class="player"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BandPic-MusicPlayer2copy.jpg" /> </div>

<div class="shows"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/SHOWS2copy.jpg" /> </div>

<div class="bio2"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BIO2copy.jpg" /> </div> <div class="bio"> Instead of telling you where we’ve come from, we want to tell you where we are and where we’re headed. Under White Lights, formerly YouthWithoutYou, is 5 friends who are passionate about music, movies, love and life. Ask any one of us and we’ll make sure you know. It’s what drives our music. Under White Lights is about having fun while you can and living life to the fullest every second of every day. Before people realize it the responsibilities of life set in. Under White Lights is about making music that we are passionate about. Music is one of the most personal expressions a person can make. We know how important music is to us and want to pass that love on to others. Under White Lights is about putting a great live show. There’s nothing like going to a live show and singing along to your favorite songs, that’s the feeling we want every audience member to have. Basically, we’re a band that loves music, that loves life, and most of all, loves our fans.<br /><br /><br /><br /><br /><br /> </div> <div class="promote"><center> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/PROMOTE2copy.jpg" /> </div> <div class="promote2"> <br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style=" border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i45.tinypic.com/111rn1j.gif" alt="" border="0" /></a></textarea><br /><br /><br /> <a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a><br /><br /> Copy the code below and paste it into your profile/website!<br /><br /><br /> <textarea style=" border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://myspace.com/underwhitelightsmusic" target="_blank"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/uwlbannertwo1.gif" alt="" border="0" /></a></textarea> <br /> <center></div> <div class="tg_left"> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/MEMBERS2copy.jpg" /> <a href="http://www.myspace.com/awesomedanworley"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/dan.jpg" /></a> <a href="http://www.myspace.com/eric2thepelow"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/pejoy.jpg" /></a> <a href="http://www.myspace.com/ryanlynch6"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/ryan.jpg" /></a> <a href="http://www.myspace.com/hey_opey"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/opey.jpg" /></a> <a href="http://www.myspace.com/shine_up_shine_down"><img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/alex.jpg" /></a> <img src="http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/INFO2copy.jpg" /> <div class="leftcontent" align="justify"> <b style="color:ffffff;">URL.</b><br /> <a href="http://www.myspace.com/underwhitelightsmusic">www.myspace.com/underwhitelightsmusic</a><br /> <br /> <b style="color:ffffff;">BOOKING.</b><br /> please contact <a href="http://myspace.com/miserygates">Tuesday Worley</a><br /> <a href="mailto:tuesdayworley@hotmail.com">tuesdayworley@hotmail.com</a><br /> <br /> <b style="color:ffffff;">HOMETOWN.</b><br /> McCreary County, KY<br /> <br /> <b style="color:ffffff;">LABEL.</b><br /> Unsigned<br /><br /> <b style="color:ffffff;">LAYOUT.</b><br /> <a href="http://www.myspace.com/miserygates">Tuesday Worley</a> & <a href="http://www.myspace.com/ahhrunfromthepink">Laura Lewis</a><br /> <br /> </div> <style> html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color:ffffff !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/BLOG2copy.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; } 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: 399px !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: ffffff ; 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; } 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: 403px; color: ffffff ; padding: 0px !important; margin: 0px !important; margin-left: 30px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; } 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: 58px !important; width: 450px !important; margin: 0 !important; padding: 0 !important; font-size: 1px; overflow: hidden; background-image: url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/FRIENDS2copy.jpg); background-repeat: no-repeat; color: transparent !important; line-height: 10px !important; margin-top: -3px !important; background-color: transparent !important; } html body.bodyContent table tbody tr td table.friendsComments { width: 900px !important; position: relative; margin: auto; padding: 0 !important; overflow: hidden !important; background-color: transparent !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://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/COMMENTS2copy.jpg); background-repeat: no-repeat !important; background-color: transparent; display: block !important; height: 45px !important; color: ffffff !important; width: 900px; position: relative; overflow: hidden; font-size: 1px; text-align: right; margin-top: 5px; line-height: 300px !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: 900px; 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;} 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; 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;} 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: fffffff !important; margin: 0 !important; padding: 5px 0px 5px 0px; border-bottom: 0px 000000 !important; border-color: 000000 !important; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 { color: ffffff !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: 725px; border-top: 1px 000000;} 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; } 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: ffffff !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; } 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; } 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;} 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:url(http://i661.photobucket.com/albums/uu336/adventuresinbandland/Myspace/Backgroundcopy.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:ffffff; 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: 000000 !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:ffffff; 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>

That should fix how the page looks on Internet Explorer.

Posted by: lauralouwho Feb 15 2010, 10:22 PM

i wasn't expecting you to do the work for me. i'm just new to this, and i would've much rather have what the problem was explained rather than just fixed. thanks for all your help. your corrections have fixed my problems for the most part, the only thing i can't figure out now is why the music player is in place in firefox and not internet explorer. if i move it to be in place on one browser, it's messed up in the other. is there a fix for this? i don't want you to redo the code for me, just tell me what the problem is and i'll be able to figure it out from there. i just don't know what's wrong. thanks for all your help and i hope i haven't caused you too much trouble.

Posted by: Mike Feb 16 2010, 09:04 AM

Remove this from your codes:

CODE
object {position:absolute; height:; width:; left:50%; z-index:9;} object {top:-37px!important; margin-left:-510px!important; } object object, td td td object, embed {position:static; margin:auto!important;}

I reckon that's clashing with another code you already have for positioning the player. Then replace this:

CODE
table table div embed, table table div object {position:relative; z-index:9;}

With this bit of code:

CODE
table table div embed, table table div object {position:relative; top:-35px!important; _top:-75px!important; z-index:9;}

Posted by: lauralouwho Feb 16 2010, 01:21 PM

thanks for helping me. and i am new to coding, which is why i came here for help and to learn more. sorry for the inconvenience.

Posted by: Babar Feb 28 2010, 03:24 PM

Mike! You sir, are an absolute lifesaver when it comes to this coding business. Would you be kind enough to help me one last time?

Basically, I have a code to stretch the comments to a chosen width, the code works perfectly in Safari and Firefox, but Internet Explorer decides to move the comments to the very left where they SHOULD start according to the code, but then doesn't stretch them! It seems pointless why it does that, but we all know it's a terrible browser, from a coding point of view anyway.

Anyway, back to the point, this is the code I'm using, is there any other code I can use that will work with IE too? Or any modifications I can make to this code to make it work?

.friendsComments { width:##px; }
.friendsComments table, .columnsWidening { width:100%; }

Obviously, the ## is where I insert my width, depending on what's needed. You can see my most recent work on these profiles, if you want a quick glimpse of what I'm trying to achieve, the comment stretching works perfectly in Firefox, Chrome and Safari, but damn IE! Thank you Mike, I have the utmost respect for someone who's willing to take out so much of their own time to help those less capable :)

www.myspace.com/hereincycle
www.myspace.com/bktestpage

Posted by: Uso Feb 28 2010, 04:02 PM

/\ dude totally love your name :O

Posted by: Mike Feb 28 2010, 04:54 PM

Try stretching the timestamps with this:

CODE
<style>
.friendsComments .blacktext10 {width: 650px!important; display: block!important;}
</style>

Replace the width value accordingly.

Posted by: Babar Feb 28 2010, 06:10 PM

Uso, thanks!

Mike, thanks even more!

Posted by: Mike Feb 28 2010, 06:23 PM

No problem, mate.

Posted by: Babar Feb 28 2010, 06:26 PM

Hey Mike, that code worked GREAT for stretching the comments in IE as well. There's just the slight problem in the sense that it shifted my comments header to the left and the comments themselves are now overlapping the background on both the left and right side.

Basically, when I set the width in your code to 800px, it made the whole comments section about 950px wide, is that meant to happen and should I always keep the width value around 150px less than intended for the whole comments table??

Posted by: Mike Feb 28 2010, 06:38 PM

The timestamps' width isn't meant to be the same as the width of the whole Comments table so yes, that should've happened. Also yes, the Comments table should end up wider than the timestamps. No less than 135px is recommended.

Posted by: Babar Feb 28 2010, 06:54 PM

QUOTE(Mike @ Feb 28 2010, 06:38 PM) *
The timestamps' width isn't meant to be the same as the width of the whole Comments table so yes, that should've happened. Also yes, the Comments table should end up wider than the timestamps. No less than 135px is recommended.

Yeah, I figured out how to get it all to work after reading through your comment, thank you so much man! You're a great help!

& that's very kind of you to say, I don't mean to sound patronising because I'm sure you are a MUCH more talented designer than myself but if you ever feel lazy and want someone else to do some work for you, then let me know and I'd be happy to help, free of charge. I couldn't do all of this work if I didn't have your guidance in the first place so it's the least I can offer! Thanks again mate, it's really appreciated.

If you want to see the layout I just finished, you can view it here:

www.myspace.com/makemekinguk

Posted by: Mike Feb 28 2010, 06:59 PM

Keep up the good work man. And cheers, I'll keep that in mind.

Posted by: AAzzzAA Mar 16 2010, 07:21 AM

...

Posted by: PeterBeepBeep Mar 17 2010, 06:44 PM

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

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

Typo -- you need to close your bracket under the gap in the tutorial code.

Posted by: AA0099 Mar 22 2010, 06:55 AM

Cant wait to use this guide. Im hoping to make something like Peripherys or Animals as Leaders page.

http://www.myspace.com/periphery
http://www.myspace.com/animalsasleaders

Should be interesting, but ill try to post some updates to make sure im on the right track.

Posted by: AAzzzAA Mar 22 2010, 09:39 AM

...

Posted by: JerrickCrites Apr 4 2010, 03:57 AM

Well, im pretty happy with our profile right now. its nothing too great, but will be good enough for a little while.

However, I wanted to make a flyer using the splicing used in step . I got my image right, urls work, but I want to post this in a bulletin.

The code I end up with is here.

CODE
<table id="Table_01" width="503" height="651" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_01.jpg" width="502" height="88" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="88" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_02.jpg" width="91" height="276" alt=""></td>
<td colspan="4">
<a href="http://sp.knittingfactory.com/event-details/?tfly_event_id=6961">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_03.jpg" width="316" height="224" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_04.jpg" width="95" height="276" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="224" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_05.jpg" width="316" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_06.jpg" width="27" height="286" alt=""></td>
<td colspan="2" rowspan="2">
<a href="http://www.myspace.com/shrieksoftheimpaled">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_07.jpg" width="217" height="55" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_08.jpg" width="44" height="88" alt=""></td>
<td colspan="2">
<a href="http://www.myspace.com/odysseyspokane">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_09.jpg" width="173" height="46" border="0" alt=""></a></td>
<td rowspan="5">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_10.jpg" width="41" height="286" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_11.jpg" width="173" height="42" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_12.jpg" width="217" height="33" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="http://www.myspace.com/fleshbeforefamine">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_13.jpg" width="226" height="52" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_14.jpg" width="35" height="198" alt=""></td>
<td colspan="2">
<a href="http://www.myspace.com/acrypticending">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_15.jpg" width="173" height="52" border="0" alt=""></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_16.jpg" width="226" height="146" alt=""></td>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_17.jpg" width="173" height="146" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="146" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="64" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="153" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="119" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="54" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="41" height="1" alt=""></td>
<td></td>
</tr>
</table>


But when I go to preview it, or go back to edit something real quick, I see this.

CODE
..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_01.jpg" width="502" height="88" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="88" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_02.jpg" width="91" height="276" alt="" />..<br /> ..<br /> <a href="http://www.msplinks.com/MDFodHRwOi8vc3Aua25pdHRpbmdmYWN0b3J5LmNvbS9ldmVudC1kZXRhaWxzLz90Zmx5X2V2ZW50X2lk
TY5NjE="><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_03.jpg" width="316" height="224" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_04.jpg" width="95" height="276" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="224" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_05.jpg" width="316" height="52" alt="" />..<br /> ..<br /> <img src="http://x.myspace.com/images/tos.gif" width="1" height="52" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_06.jpg" width="27" height="286" alt="" />..<br /> ..<br /> <a href="http://www.myspace.com/shrieksoftheimpaled"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_07.jpg" width="217" height="55" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_08.jpg" width="44" height="88" alt="" />..<br /> ..<br /> <a href="http://www.myspace.com/odysseyspokane"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_09.jpg" width="173" height="46" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_10.jpg" width="41" height="286" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="46" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_11.jpg" width="173" height="42" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="9" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_12.jpg" width="217" height="33" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="33" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <a href="http://www.myspace.com/fleshbeforefamine"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_13.jpg" width="226" height="52" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_14.jpg" width="35" height="198" alt="" />..<br /> ..<br /> <a href="http://www.myspace.com/acrypticending"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_15.jpg" width="173" height="52" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="52" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_16.jpg" width="226" height="146" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_17.jpg" width="173" height="146" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="146" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="27" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="64" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="153" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="9" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="35" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="119" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="54" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="41" height="1" alt="" />..<br /> ....<br /> ..<br />..


Any ideas?

Posted by: Mike Apr 4 2010, 07:20 AM

MySpace doesn't allow several tags within bulletins anymore, and that includes <table> tags. You don't really need <table> tags to put up a sliced image. If you group the images correctly and use break tags where appropriate, it should come out the same.

Posted by: JerrickCrites Apr 4 2010, 10:37 PM

Ah, thanks. I figured it was something like that blocking it from showing up.

Posted by: JerrickCrites Apr 6 2010, 02:02 AM

Ok, one more thing. I just added a top banner, and it works well in IE, but losses its position in a few other browsers.

Heres the code for it. Any way to keep it centered through the majority of browsers?


CODE
<div class="topbanner">
<style>
.profileWidth table { margin-bottom:1229px; width:800px; }
.rail { display:none; }
.gap {
background:url(http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Odyssey-Myspace-Large-Banner---1658.jpg) top left no-repeat;
width:1658px; height:1229px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1229px;

.topbanner {position:absolute; left:50%; top:0px; margin-left:-845px; _margin-left:-845px; width:1658; height:1229px; z-index:1;}

</style>

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

Posted by: Mike Apr 6 2010, 06:16 AM

Your code should look like this:

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

.topbanner {position:absolute; left:50%; top:0px; margin-left:-845px; _margin-left:-845px; width:1658; height:1229px; z-index:1;}
</style>

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

<div class="topbanner"><img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Odyssey-Myspace-Large-Banner---1658.jpg" alt="" /></div>

Then just customize the topbanner class according to your liking.

Posted by: JerrickCrites Apr 6 2010, 06:15 PM

Thanks! biggrin.gif

Im still new to all of this, so basically just copying and pasting and trying to make it work from there.

Im loving this site though. More info than I know what to do with. haha.

Posted by: AAzzzAA Apr 6 2010, 07:25 PM

What's the code if I'd like the left and right columns farther apart?
Essentially, I'd like to widen the center cell that spaces them out.

Posted by: Mike Apr 7 2010, 04:04 PM

Use this code:

CODE
<style>
table table td.text {padding-left: 100px;}
table table table, table table table td.text, table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding: 0px;}
</style>

Adjust the value on the padding-left property. The bigger the value, the more space between the two columns.

Posted by: AAzzzAA Apr 7 2010, 08:31 PM

Awesome. It worked perfect.
Thanks Mike. thumbsup.gif

Posted by: Mike Apr 8 2010, 09:24 AM

No problem.

Posted by: JerrickCrites May 5 2010, 07:44 PM

I finished this up about a week or two ago.

Thanks for all the help, ive learned qutie a bit from this site.

www.myspace.com/OdysseySpokane

Posted by: 0 May 16 2010, 06:56 PM

Thanks!

Posted by: jbarber07 May 29 2010, 04:43 PM

For some reason, all the layouts I've designed in the past are all pushed up just to the point to where the ad is gone behind the address bar. Sometimes it does this, sometimes it doesnt. I've tried using different browsers, no luck. Anybody have any clue why this is happening??? Please help me out asap. thanks

My original post, including codes, can be seen http://www.createblog.com/forums/index.php?showtopic=259034


Posted by: pengu1n Jun 5 2010, 06:30 PM

CODE


.topbanner {position:absolute; left:50%; top:0px; margin-left:-800px; _margin-left:0px; width:1600; height:1660px; z-index:1;}

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

.topbannerhover {position:absolute; top:1660px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:59px; z-index:2;}

.content_top {position:absolute; top:1719px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:81px; z-index:3;}

.twitter_box {position:absolute; top:1800px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:216px; z-index:4;}

.music_bar {position:absolute; top:2016px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:64px; z-index:5;}

.content2 {position:absolute; top:2080px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:564px; z-index:6;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=50%);
width: 1600px;
height: 59px;
z-index:1;
}

.tg_left {position:absolute; top:2080px; left:50%; margin-left:-800px; _margin-left:0px; width:325px; height:600px; z-index:1;}




.profileWidth table { margin-bottom:1660px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:1600px; height:1660px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1660px;




























So basically, I cant align the second half (.content2) with my div overlay. For some reason it keeps shooting to the bottom of the page! any suggestions?

Posted by: 0 Jun 15 2010, 07:46 PM

Hi. I have a question that someone else posted earlier on that never got answered. I'm having the same issue. I've used the code for the blogs header, but it doesn't place the photo ABOVE the blogs section, it places it directly behind the list of blogs.

Thanks for any help!

http://www.myspace.com/kerplow

-------------
UPDATE: I figured it out after a couple hours of playing with the code. You have to change one tiny part of the code he gives in this tutorial. In the last section of the code, change the "height" to something bigger (originally it's at 43px). It will force everything but the "subscribe to blog" link down. I'd like to move that link down too, but I can just compensate by editing the header photo I guess since I'm not a coding pro. Hope that helps anyone in the same pickle!

Posted by: 0 Jun 20 2010, 12:26 AM

I have my right side sections and headers lined up except for the Blogs section. It looks fine in IE but in Chrome and Firefox it's slightly to the left. Changing the margin-left doesn't get it to budge. Any ideas? Here's the code (same code as in the tutorial):

CODE
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: 000000 !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 35px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://kerplow.webs.com/photos/blogs.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 8px !important;
_margin-top: 35px !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: 000000 !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: 000000;
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: FFFFFF;
width: 443px;
color: 000000;
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: 100px;
font-size: 1px;
overflow: hidden;
color: 000000 !important;
line-height: 300px;
}


Thanks for any help!

Posted by: Babar Jul 2 2010, 11:49 AM

I'm having a bit of a problem, if someone who's good with this would be kind enough to help (I'm looking at you Mike, you MySpace God, you :P)

Basically, one problem I've come to deal with is the fact that I want to hide the left side, the contact table, the profile picture, the genre, all that side, so that it doesn't show up underneath parts of the left section div I make (As can be seen with the profile pic being kinda visible here:

http://www.myspace.com/astaticlullaby

This isn't a layout I've done, but I've encountered the same problem. Now I've looked at layouts done by people like D-Dubz, Sons Of Ner, etc, they don't seem to encounter this problem, could anyone help me with some code to fully hide the left side if possible? I know I could always give my div a background colour, but a lot of the times I use textures so I'd rather not, and it's a lot of effort cutting out that exact part from photoshop, making a new div just for that and then layering it above the info, almost like a left section "background", set with a lower z-index than that of the actual left section content. There must be an easier way!





Another problem I'm seeing, which is probably a much easier issue, I want to start adding notation to my codes, because there's so much it all gets jumbled really easily and when my clients want to change things themselves, they get really confused. I tried adding coding like this

{! This is what my note would say !}
*insert css here*

{! More notes, w00t !}
*insert more css here*

but it messed up my background and made parts of it go transparent when the page was scrolled, etc, no idea why. Could someone show me how to properly use notation in MySpace CSS so I can keep my work organised? Thanks!

Posted by: 0 Jul 2 2010, 09:27 PM

I actually have the same issue as babar with the left-side-info-showing from under the div. I cheated and added "background" directly to the left side of the div pictures so it hangs over the profile info that's sticking out, instead of making a separate div.

It would be sweet if I could just get rid of that. I actually had the issue in explorer, even though I was using the recommended picture width, and no matter where I positioned the div the crap stuck out (explorer made it wider than the div). It was fine in Chrome and Firefox

Posted by: Babar Jul 5 2010, 02:12 PM

Another thing I've really wanted to learn to do is centering the top friend space!

Like on this profile:

http://www.myspace.com/handslikehouses

It just look so much sleeker than having the friend section awkwardly to the right and then the comments below, looks much better in one straight line :)

Does anyone know the codes to achieve this? & if possible, could you explain the codes and what changes what (just the basics, not every aspect of the code, obviously)?

What would also be great if someone knows the coding for this is if you could show me the code to hide the top friend counter and comment counter, and how to create a border before the comments start, to create a sense of separation between both sections :)

I know I ask for a lot, but I really appreciate the help, thank you so much!

Posted by: coollikefonz Jul 6 2010, 08:25 AM

Hi all, just wondering if i could get some help on a music layout.

It seems OK in firefox, but ie doesn't display right...is it something with z-index?

I'm not great with css, just trial and error. Thanks in advance.

myspace.com/danielaromeo


Posted by: FFS Jul 19 2010, 05:16 PM

Hey guys, I've run into what I'm hoping is a simple problem that I think somebody here might be able to help me with.

I'm trying to get the header working right, but I've noticed now that some of the links aren't working. The Pics/Vids links under the display pic and the entire contact box show up, but you can't click on any of the links at all.

Here is the code I'm using

CODE
<a href="http://www.msplinks.com/MDFodHRwOi8vcmFwaWRzaGFyZS5jb20vZmlsZXMvMzM2MzUyNjQ3L0RvdWJsZV90aGVfRmFsbC5yYXI="><img src="http://i50.tinypic.com/262u079.gif" /></a><br /><br />
<br />
<br />
<br />
<center>
<img src="http://i49.tinypic.com/2crlkpi.gif" />
<br />
<center><b>Put a banner on your page!</b></center>
<textarea cols="30" rows="3">
<a target="_blank" href="http://www.myspace.com/doublethefall"><img src="http://i49.tinypic.com/2crlkpi.gif"/></a>
</textarea></center>


<style>
body {
background-color: rgb(, , );
background-image: url(http://i50.tinypic.com/rbl2qw.png);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style> <style>
table table {
border: px;
}
table table table table{
border:px;
}
table table table {
border-width: px;
border-color: rgb(, , );
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(, , );
}
table table table table td {
filter:none;
}</style> <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Arial;
font-size: px;
color: rgb(0,0,0 );
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: px;
color: rgb(15,68,97);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: px;
color: rgb(15,68,97 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(248,248 ,255 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(, , );
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style> <style>
.nametext {display:block; font-size:160%; color: rgb(0,0,0); width:100%;

background-image:url(YOURIMAGE);

background-position:center center; background-repeat: no-repeat; height:px; margin:0px;

padding:0px;}
</style> <style>
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://i50.tinypic.com/330cxuc.png);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}C{ }
</style>

<style>body{
background-position:top center;margin-top: 750;}
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
</style><div class="topbanner">
<table id="Table_01" width="785" border="0" cellpadding="10" cellspacing="15">
<tr>
<td colspan="9">
<img src="http://i28.tinypic.com/16i9t1w.jpg" width="785" height="437" alt="" /></td>

</tr>
<tr>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi93d3cueW91dHViZS5jb20vdXNlci9kb3VibGV0aGVmYWxs">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_03.png" width="97" height="100" border="" alt="" /></a></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9Eb3VibGUtdGhlLUZhbGwvMjAyOTM5NzM3NDQw">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_05.png" width="99" height="96" border="" alt="" /></a></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2RvdWJsZXRoZWZhbGw=">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_07.png" width="97" height="94" border="" alt="" /></a></td>

<td>
<img src="http://liquidbasement.com/sallysblog/files/2009/12/Twitter-Blue-Transparent-t-3D-Button-Logo-150x150.png" width="97" height="94" alt="" /></td>


</tr>

<tr>
<td colspan="6">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_15.png" width="720" height="185" alt="" />

</td>

</tr>

</table>


I'm a total noob at this, so keep that in mind. You can view the myspace http://www.myspace.com/theforeskingenies.

Thanks so much!

Posted by: Mike Jul 20 2010, 01:50 PM

I think the DIV for your top banner is too tall. Adjust the height value on this bit to a smaller number:

CODE
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}

See if that does it.

Posted by: FFS Jul 20 2010, 05:31 PM

QUOTE(Mike @ Jul 20 2010, 01:50 PM) *
I think the DIV for your top banner is too tall. Adjust the height value on this bit to a smaller number:

CODE
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}

See if that does it.
Gotcha. I guess it was so big that it was covering up everything underneath it, so I changed it to a negative number and now it appears to be working. Thanks a lot!

New question: I did the splice tutorial and when I open up the HTML file in my browser it looks correct. But when I use the code from 'View Source' and actually put it into myspace, it isn't lined up the same way. Is it possible to just slightly move one of the images of the table to make it look lined up? You can see on the myspace that the band name image at the top isn't lined up with the YouTube/Twitter/etc. links.

Is it even possible to just move one of them and not the whole table?

Posted by: AAzzzAA Aug 6 2010, 03:35 PM

Was having trouble with the image rollover code, but I figured out a solution.
Thanks.

Posted by: AAzzzAA Aug 6 2010, 04:10 PM

error. see last message please.

Posted by: JerrickCrites Sep 26 2010, 09:34 AM

Hey guys, im having a bit of trouble with this page I was working on.

You can see it here.
http://www.myspace.com/crabwalkstudios

On the right side, where it says Blog, Specials, Events, thats where my top header div ends. So right under it it should go into the blogs section, and events. However, the blog section starts underneath the div layer and blocks out two of the blog titles.

I designed my own myspace with basically the exact same code, and have seen many other band pages with pretty much the same coding going on but without this overlaping issue. I went back through this thread and used the blog code, but was having problems with that one as well.

Heres the code im using.

CODE
<style>body table { margin-top: 1463px; }
body td table, body div table { margin-top: 0;}




.header {position: absolute; width: 860px; height: 1463px; margin-left: -432px; left: 50%; top: 0px;}

.left {position: absolute; top: 2095px; left: 50%; height: auto; width: 320px; overflow: visible; background-color: none; margin-left: -395px; text-align: center; z-index:2;}

.eq {position: absolute; width: 362px; height: auto; margin-left: -160px; left: 50%; top: 945px; z-index:2;}



table table div embed, table table div object {position:relative; z-index:4;}

</style>





<style>
table, tr, td {background-color:transparent; border:; border-width:0;}
body {background-color:000000;
background-image:url("http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Background-2.jpg");
background-attachment: none;
background-position:top center;
background-repeat:no-repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:CCCCCC;
scrollbar-3dlight-color:7777777;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:333333;
scrollbar-arrow-color:000000;
scrollbar-track-color:DDFFFF;
margin-top: 0px;}

table table {border: 1px}
table table table table{border:1px}
table table table {border-style:solid;
border-width:0px;
border-color:000000;
background-color:;}

table, tr, td, li, p, div { color: ffffff; font-family:verdana; font-size:7pt;} .btext { font-family:normal;font-size:7pt;} .blacktext10 { color: ffffff;font-family:verdana;font-size:7pt; } .blacktext12 { color: ffffff;font-family:verdana;font-size:7pt; } .lightbluetext8 { color: 16c0ff;font-family:verdana;font-size:7pt;} .orangetext15 {display:none;} .redtext { color: ffffff;font-family:verdana;font-size:7pt; } .redbtext { font-family:verdana; color: ffffff;} .text { color: ffffff;font-family:verdana;font-size:7pt;} .whitetext12 { font-family:verdana;font-size:7pt; color: ffffff;} a:active, a:visited, a:link { color: 16c0ff;font-family:verdana;font-size:7pt; } a:hover {color: ffffff; font-family:verdana;font-size:7pt; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:verdana; } a.navbar:hover { font-family:verdana; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family:verdana;color: ffffff; } a.redlink:hover { color: ffffff; } { font-family:verdana; } .btext { font-family:verdana; color: ffffff; }
</style>

<style>
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active{text-decoration: none;}
</style>

<style>

.a {upcoming shows title font}
td.text div td td.text .whitetext12 {color:black; font-size:0px; }
.a {view all shows}
td.text div font .whitelink,
td.text div font .whitelink font {color:black; font-size:0px;}
.a {upcoming shows date and times}
td.text div td td td font {color:16c0ff; font-size:10px;}
.a {upcoming shows venue}
td.text div td td font a {color:white; font-size:10px;}
td.text div td td font a:hover {color: ffffff; text-decoration: none; font-size:10px;}
.a {upcoming shows location}
td.text div td td font {color:16c0ff; font-size:10px;}

html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 796px !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://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 350px !important;
color: 000000 !important;
width: 800px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: -1px;
line-height: 40px !important;
_width: 800px !important;
_border-left: 1px 16c0ff!important;
_border-right: 1px 16c0ff!important;
_height: 150px !important;
_margin-bottom: -1px !important;
}

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: 40px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 25px !important;
margin-top: -3px !important;
background-color: transparent !important;}

</style>

<style>
.friendsComments table td {color: ffffff; font-size:7pt; font-family: Verdana !important;} .friendsComments .orangetext15 {display: none;} .blacktext10{ display: block; width: 600px; border-bottom: 1px solid; border-color: 16c0ff; text-align: right; } .comments td td td a {visibility:hidden; font-size:1px; letter-spacing:-50px;} .comments td td td a img {visibility:visible;}
</style>

<style>table table table table td.text span.whitetext12 { position: relative; top: -10px; margin-bottom: 0px; left: 0px; visibility: visible; display: block; width: 450px; height: 65px; text-indent:-999999px; background: transparent no-repeat;}</style> <style>table div {display:none;} table table div, div table div {display:block;} .friendscomments .orangetext15 {display:none;} .userProfileURL { display:none; }</style>







<i class="off">!-Remove Maroon Menu Bar Band Page!-<</i>

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









<div class="header">
<table id="Table_01" width="860" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_01.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_02.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_03.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_04.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_05.jpg" width="860" height="232" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_06.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_07.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_08.jpg" width="48" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ob21l" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_09.jpg" width="66" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_10.jpg" width="45" height="37" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDMwNzI1NjI=" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_11.jpg" width="203" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_12.jpg" width="43" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_13.jpg" width="113" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_14.jpg" width="44" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_15.jpg" width="109" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_16.jpg" width="45" height="37" alt="" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_17.jpg" width="98" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_18.jpg" width="46" height="37" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_19.jpg" width="860" height="48" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_20.jpg" width="38" height="381" alt="" /></td>
<td colspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_21.jpg" width="315" height="236" border="0" alt="" /></a></td>
<td colspan="8" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_22.jpg" width="507" height="381" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_23.jpg" width="315" height="145" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="38" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="66" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="194" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="43" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="113" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="109" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="98" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="46" height="1" alt="" /></td>
</tr>
</table></div>

Posted by: JerrickCrites Sep 26 2010, 09:55 AM

Never mind, all I had to do was add this.

CODE
<style>
table.latestBlogEntry {position:relative;
width:425px;
overflow:auto;
left:50%; border:1px solid; border-color:white;
_margin-left: -425px !important;
_margin-top: 75px !important;
}
</style>


New it was going to be something really simple.