I have been trying to work on my friend's myspace music page and not very good at the code. I found a page I liked and fit it to what I wanted, however, the upcoming shows section is messed up as well as the music player in the wrong place and the general info is also messed up. Everything is kind of just floating on the page. Any suggestions would be greatly appreciated! I have a test page I was using (myspace.com/stefanisasha) however it doesn't have any friends, comments or schedule like the real one(myspace.com/stefanimontiel). I wanted to work out the kinks before i put it up live. Here is the code:

-chjr@swbell.net




<div class="urls">
sw<ul>
</li>
</ul>
</div>

<div class="mainnav">
<ul>

<li class="sendmessage"><a href="http://www.msplinks.com/ MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
c2FnZSZmcmllbmRJRD00OTY0NjM0MGE+PC9saT4NCjxsaSBjbGFzcz0="><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00OTY0NjM0MA=="></a></li>
<li class="forwardtofriend"><a href="http://www.msplinks.com/ MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
d2FyZCZmcmllbmRJRD00OTY0NjM0MCZmPWZvcndhcmRwcm9maWxl"></a></li>
<li class="addtofavorites"><a href="http://www.msplinks.com/ MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
ZGRUb0Zhdm9yaXRlJmZyaWVuZElEPTQ5NjQ2MzQwJnB1YmxpYz0w"></a></li>
</ul>
</div>

<div class="subnav">
<ul>
<li class="instantmessage"><a href=".. MySpace.invokeWebIMWrapper();"></a></li>
<li class="blockuser"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTQ5NjQ2MzQw"></a></li>
<li class="addtogroup"><a href="http://www.msplinks.com/ MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0
b2dyb3VwJmZyaWVuZElEPTQ5NjQ2MzQw"></a></li>
<li class="rankuser"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9NDk2NDYzNDA="></a></li>
</ul>
</div>

<div class="middleBanners">
<div class="banner1">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=49646340"><img src="http://img219.imageshack.us/img219/2319/tourj.jpg" /></a>
</div>
<div class="banner2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NoanI3OA==">
<img src="http://img200.imageshack.us/img200/3213/36199903.jpg" /></a>
</div>
<div class="banner3">
<a href="http://www.msplinks.com/ MDFodHRwOi8vcGhvYm9zLmFwcGxlLmNvbS9XZWJPYmplY3RzL01aU3RvcmUud29hL3dhL3ZpZXdBbGJ1
bT9pc0dpZnRpbmc9dHJ1ZSZwbGF5bGlzdElkPTI3MTA0MTQ4Mw=="><img src="http://img30.imageshack.us/img30/4646/bannerred.jpg" /></a>
</div>
</div>

<div class="middle">
<a class="pics" href=""></a>
<a class="vids" href=""></a>

<a class="deluxecallout" href=""></a>
<a class="standardcallout" href=""></a>
</div>

<div class="left">









</div></td></tr>

<style>

.clear {
clear: both;
}

body {
margin-top: 540px;
font-size: 1px;
line-height: 1px;
color: ffffff;
font-family: Georgia;
background: url(http://img196.imageshack.us/img196/8297/header2c.jpg) no-repeat;
background-position: top center;
background-color: 1E1E1E;
}

.clear {
clear: both;
}

p {
margin: 0px 0px 1em 0px;
font-family: Georgia;
color: ffffff;
}

a,a:link,a:visited {
color: f7eea7;
font-family: Georgia;
font-weight: normal;
font-size: 11px;
}

a:hover {
text-decoration: underline;
}

img {
border: none;
}

br {
line-height: 20px;
}

form {
border-width: 0px;
background-color: none;
}

body>div {
margin-left: 0px;
}

table,tr,td,table table,table table td p {
border-width: 0px;
background-color: transparent;
font-size: 11px;
color: ffffff;
font-family: Georgia;
line-height: 16px;
}

table table table td {
background-color: transparent;
margin: 0px;
padding: 0 26px 15px 6px;
color: ffffff;
font-size: 11px;
font-family: Georgia;
}

.r{}

table table table table {
border-width: 0px;
background-color: transparent;
padding: 0px;
margin: 0px;
background-image: none;
}

table table table table td {
padding: 0px;
margin: 0px;
}

table table table {
margin: 0px;
background: transparent;
_background: transparent;
_background-color: none;
width: 100%;
}

table table table strong {
_display: block;
_width: 153px;
_padding-left: 10px;
_font-weight: normal;
}

table table table table strong {
_display: inline;
}

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

font {
color: ffffff;
font-size: 11px;
}

a font:hover {
color: ffffff;
}

a.navbar:link,a.navbar:visited {
color: 666666;
text-decoration: none;
font-family: Georgia;
}

a.navbar:hover {
color: c0c0c0;
}

table tr td table tr td font {
display: inline;
}

table tr td table a.navbar {
font-size: 10px;
}

.text {
color: ffffff;
font-size: 11px;
}

a.text:link,a.text:visited {
color: ffffff;
}

a.text:hover {
color: f7eea7;
}

.nametext {
overflow: hidden;
height: 0px;
width: 0px;
font-size: 1px;
text-align: left;
color: ffffff;
padding: 0px 0px 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
}

.contactTable {
width: 280px;
padding: 0;
margin: 0;
}

table tr td table tr td table tr td div strong {
display: block;
width: 170px;
}

.whitelink font {
display: none;
}

td.text strong {
display: none;
}

table table table table td.text {
display: none;
}

table tr td table tr td table tr td.text .whitetext12 {
display: none;
}

table td.text table table td.text {
display: block;
margin-bottom: 10px;
text-indent: -9999px;
padding: 56px 429px 0 0;
_width: 429px;
}

.blacktext12 {
display: none;
}

.btext {
color: a6abbd;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 2px 10px 0px 10px;
text-align: left;
font-family: Georgia;
font-weight: normal;
line-height: 14px;
border-width: 0px 0px 0px 0px;
}

.latestBlogEntry, .friendSpace, .friendsComments {
background-color: transparent;
}


.contactTable {
display: none;
}

.latestBlogEntry .text {
color: fffffff;
}

.orangetext15 {
display: none;
}

.friendsComments .orangetext15 {
display: block;
margin-bottom: 20px;
text-indent: -9999px;
padding-bottom: 56px;
width: 550px;
background-color: transparent;
background: url no-repeat;
}

.friendsComments a {
color: f7eea7 !important;
}



.friendSpace .btext {
color: ffffff;
font-size: 1.3em;
}

.lightbluetext8 {
color: ffffff;
font-weight: normal;
line-height: 20px;
}

.redtext,.redbtext {
color: f7eea7;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 4px;
text-align: left;
font-family: georgia, "times new roman", serif;
font-weight: normal;
line-height: 13px;
letter-spacing: -1px;
border-width: 0px 0px 0px 0px;
text-transform: uppercase;
}

a.redlink:link {
color: f7eea7;
font-family: Georgia;
font-weight: normal;
font-size: 11px;
display: block;
text-align: center;
border-width: 0px 0px 0px 0px;
}

a.redlink:visited {
color: f7eea7;
}

a.redlink:hover {
color: f7eea7;
text-decoration: underline;
}

table tr td table tr td.text table tr td.text table tr td table tr tdimg {
width: 75px;
}




u {
text-decoration: none;
font-size: 11px;
}

table tr td table tr td.text table tr td.text table tr td table tr tdimg {
max-width: 250px;
width: autoto;
height: auto;
}

.contactTable {
width: auto;
}

.contactTable span.whitetext12 {
left: 0;
}

.orangetext15 {
width: auto;
}

table table table td {
padding: 0;
}

table table table {
padding: 0 10px 14px 0px;
border-width: 0;
}

.blacktext10,.blacktext12 {
color: ffffff;
font-family: Georgia;
font-size: 11px;
font-weight: none;
text-decoration: none;
}

table {
_border-collapse: collapse;
}

.whitetext12 {
_margin-top: -10px;
_margin-left: 20px;
}

.nametext {
_display: none;
}

.lightbluetext8 {
_padding-left: 20px;
_width: 110px;
}

table tr td table tr td.text table td table {
_width: 95%;
}

table tr td table tr td.text table td table tr td table {
_width: 100%;
}

table tr td table tr td.text table tr td table tr td {
padding: 0px 5px 0 2px;
width: auto;
}

table tr td table tr td.text table tr td table tr td font {
color: a6abbd;
font-family: georgia;
}

table tr td table tr td.text table td tr td a {
color: a6abbd;
font-size: 11px;
font-family: georgia;
}

table td table td table td.text font strong {
}

.middleBanners {
position: absolute;
top: 880px;
left: 50%;
margin-left: -426px;
background: transparent;
width: 870px;
height: 160px;
overflow: hidden;
}

.banner1 {
float: left;
margin-right: 3px;
}

.banner2 {
float: left;
margin-right: 3px;
}

.banner3 {
float: left;
}

.middle {
position: absolute;
top: 1030px;
left: 50%;
margin-left: -502px;
width: 936px;
height: 400px;
background: url(http://img39.imageshack.us/img39/1930/middlemui.jpg) no-repeat;
background-color: 1E1E1E;
}

body table {
margin-top: 380px;
}

.latestBlogEntry {
margin-top: -85px;
width: 485px;
}

.stretcher {
width: 95px;
}

.top object {
float: right;
margin: 12px 87px 0 0;
}

.top .getcount {
position: absolute;
margin-left: 60px;
left: 50%;
top: 336px;
text-align: center;
width: 227px;
}

.counterdiv {
width: 260px;
}

.top .getcount p {
margin: 0;
}

.top .getcount textarea {
width: 228px;
color: ffffff;
background-color: 000000;
_margin: 0;
_padding: 0;
}

.headblocks {
display: none;
}

.headblocks div {
float: left;
width: 200px;
height: 240px;
background: red;
opacity: .2;
}

.header {
position: absolute;
top: 700px;
left: 50%;
margin-left: -427px;
width: 863px;
height: 398px;
}

.urls {
position: absolute;
top: 765px;
left: 50%;
margin-left: -15px;
width: 420px;
height: 25px;
overflow: hidden;
}

.urls li {
list-style: none;
float: left;
}

.urls li a {
display: block;
height: 25px;
}



.mainnav {
position: absolute;
top: 812px;
left: 50%;
margin-left: -415px;
width: 850px;
height: 25px;
overflow: hidden;
}

.mainnav li {
list-style: none;
float: left;
}

.mainnav li a {
display: block;
height: 25px;
}

.mainnav li.sendmessage a {
width: 150px;
height: 25px;
margin-right: 35px;
}

.mainnav li.addtofriends a {
width: 170px;
margin-right: 32px;
}

.mainnav li.addtofriends a {
width: 170px;
margin-right: 32px;
}

.mainnav li.forwardtofriend a {
width: 210px;
margin-right: 35px;
}

.mainnav li.addtofavorites a {
width: 192px;
margin-left: 10px;
}

.subnav {
position: absolute;
top: 844px;
left: 50%;
margin-left: -235;
width: 500px;
height: 15px;
overflow: hidden;
}

.subnav li {
list-style: none;
float: left;
}

.subnav li a {
display: block;
height: 15px;
}

.subnav li.instantmessage a {
width: 140px;
margin-right: 15px;
}

.subnav li.blockuser a {
width: 93px;
margin-right: 15px;
}

.subnav li.addtogroup a {
width: 113px;
margin-right: 15px;
}

.subnav li.rankuser a {
width: 85px;
margin-left: 0px;
}

.middle a.pics {
position: absolute;
top: 24px;
left: 154px;
height: 15px;
width: 72px;
}

.middle a.vids {
position: absolute;
top: 40px;
left: 154px;
height: 14px;
width: 57px;
}

.middle a.deluxecallout {
position: absolute;
top: 147px;
left: 94px;
height: 93px;
width: 328px;
}

.middle a.standardcallout {
position: absolute;
top: 260px;
left: 94px;
height: 93px;
width: 328px;
}

.left {
color: ffffff;
position: absolute;
top: 1432px;
left: 50%;
margin-left: -549px;
width: 385px;
text-align: center;
font-family: Georgia;
background-color: 1E1E1E;
font-family: Georgia;

}

.bio {
position: relative;
width: 490px important;
text-align: center;
}

.bio .aboutheader {
padding: 55px 427px 0 0;
}

.bio img {
width: 425px;
}

.video .title {
background-color: 181717;
width: 405px;
margin: 0 0 38px 6px;
padding: 5px 0 5px 10px;
text-align: left;
color: f0dbcc;
font-family: georgia;
font-size: 15px;
}

object {
position: absolute;
top: 1048px;
left: 50%;
margin-left: -32px;
}

.bio object, .top object, .left object {
position: relative;
left: 0px;
top: 0px;
margin-left: 0px;
}

.stPictures a {
position: absolute;
left: 50%;
margin-left: 16px;
top: 221px;
height: 15px;
width: 65px;
}

.r{}


</style>


















<style>
{!-music player-!}
td.text div div, table table td.text object {
position: absolute;
top: -630px;
left: -50px;
z-index:9 !important;
}




div[id="profile_bandschedule"]
{position:absolute; width:358px !important; height:390px; overflow:auto; overflow-x:hidden; top:1433px; left:560px;}

table table td.text div {position:absolute; !important; top:1443px !important; left:560px;}

</style>


<style>
{!- shows -!}

{!- UnDo effect on Div in Friend and Comment spaces -!}
table table td.text table div {position:static; height:auto; overflow:hidden}
table table td.text div.commentlinks {display:none;}
table table td.text div table {display:block}
{!-fix column width of shows-!}
{!-set below px width to the width of your shows space-!}
table table td.text div table td, table table td.text div table {width:358px;}
table table td.text div table table {width:80% !important}
{!-adjust below value as needed-!}
table table td.text div table table table {width:120px !important}
</style>

I don't know why you sent me a PM as i have no knowledge at all of how MySpace works. The online validator (links on top and bottom of this page) returns many markup errors (for the test page), as well as CSS errors (http://jigsaw.w3.org/css-validator/), some of which you probably can't fix because of by myspace inserted code.

I believe you're making it really hard on yourself by using so many nested tables and div's. Turn the table borders on and see what happens.