Help with CSS Myspace Coding Options

[tonyrowe]

I need help with this... I am a newbie to CSS. I have managed to find this scrambled code on the net... I created my DIV overlay but when you go to my myspace it's all out of alignment. Can someone please help me? Here is my profile link and here is the code...

http://www.myspace.com/velveetadijon


About me:

CODE

</span><br />
<span class="text"><style>.RSV_Designs { Profile generated by RSV Designs www.myspace.com/rsvdesigns }
.Main { position:absolute; left:50%; top:160px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;} </style>

</style></span>
</td>
</tr>
<tr>
<td valign="top" align="left" width="435" bgcolor="#ffffff" style="word-wrap: break-word">
<span class="orangetext15">
Who I'd like to meet:</span><br />
<span class="text"><div class="Main"> <table style="width:800px; height:600px; border:0px solid silver; background-color:ffffff;" cellpadding="0" cellspacing="0"> <tr> <td valign="top">

<td colspan="6">
<img src="http://www.hotlinkfiles.com/files/1704900_yigo1/layout_01.jpg" width="800" height="390" alt="" /></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://www.hotlinkfiles.com/files/1704907_ndbqv/layout_02.jpg" width="132" height="89" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zODEzNTY1NzM=">
<img src="http://www.hotlinkfiles.com/files/1704910_pctkr/Untitled-1_03.jpg" width="172" height="51" border="0" alt="" /></a></td>
<td colspan="3">
<img src="http://www.hotlinkfiles.com/files/1704911_rpkid/layout_04.jpg" width="496" height="51" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zODEzNTY1NzMmTXlUb2tlbj02NTQ1MzlhNy01MWY0LTRjNzgtYjY5OC02YjRjZ
IyNmQ1NWM=">
<img src="http://www.hotlinkfiles.com/files/1704901_u0soz/Untitled-1_05.jpg" width="216" height="38" border="0" alt="" /></a></td>
<td rowspan="7">
<img src="http://www.hotlinkfiles.com/files/1704909_k7lzw/layout_06.jpg" width="452" height="1806" alt="" /></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://www.hotlinkfiles.com/files/1704902_phspp/layout_07.jpg" width="130" height="1768" alt="" /></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0zODEzNTY1NzM=">
<img src="http://www.hotlinkfiles.com/files/1704899_mad9n/Untitled-1_08.jpg" width="216" height="43" border="0" alt="" /></a></td>
<td rowspan="6">
<img src="http://www.hotlinkfiles.com/files/1704913_skabz/layout_09.jpg" width="2" height="1768" alt="" /></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://www.hotlinkfiles.com/files/1704912_4ybac/layout_10.jpg" width="2" height="1725" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTM4MTM1NjU3Mw==">
<img src="http://www.hotlinkfiles.com/files/1704906_hfvox/Untitled-1_11.jpg" width="214" height="45" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zODEzNTY1NzM=">
<img src="http://www.hotlinkfiles.com/files/1704904_hg7i4/Untitled-1_12.jpg" width="214" height="41" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0zODEzNTY1NzM=">
<img src="http://www.hotlinkfiles.com/files/1704908_iyjpq/Untitled-1_13.jpg" width="214" height="35" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzgxMzU2NTcz">
<img src="http://www.hotlinkfiles.com/files/1704905_lv65p/Untitled-1_14.jpg" width="214" height="47" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<img src="http://www.hotlinkfiles.com/files/1704903_tvs0h/layout_15.jpg" width="214" height="1557" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://www.hotlinkfiles.com/files/1704898_7sb4n/spacer.gif" width="130" height="1" alt="" /></td>
<td>
<img src="http://www.hotlinkfiles.com/files/1704898_7sb4n/spacer.gif" width="2" height="1" alt="" /></td>
<td>
<img src="http://www.hotlinkfiles.com/files/1704898_7sb4n/spacer.gif" width="172" height="1" alt="" /></td>
<td>
<img src="http://www.hotlinkfiles.com/files/1704898_7sb4n/spacer.gif" width="42" height="1" alt="" /></td>
<td>
<img src="http://www.hotlinkfiles.com/files/1704898_7sb4n/spacer.gif" width="2" height="1" alt="" /></td>
<td>
<img src="http://www.hotlinkfiles.com/files/1704898_7sb4n/spacer.gif" width="452" height="1" alt="" /></td>
</tr>


<div style="position:absolute;
top:270px;
left:600px;
overflow:auto;width:200;height:200;
color:Black;
font-size:9pt;
font-weight:bold;
font-family:arial;
text-align:center;
background-color:Transparent;
background-image: url(URL_TO_IMAGE);
background-position:center;
background-repeat:no-repeat;
border:0px solid silver;">


</div>







<div style="position:absolute;
top:400px;
left:300px;
overflow:auto;width:200;height:200;
color:Black;
font-size:9pt;
font-weight:bold;
font-family:arial;
text-align:center;
background-color:Transparent;
background-image: url(URL_TO_IMAGE);
background-position:center;
background-repeat:no-repeat;
border:0px solid silver;">

</div>



<style>


{ Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:f9d3f8;
}

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:0px;
border-color:FFFFFF;
background-color:FFFFFF;
}

.mygen { Text Properties }
table, tr, td, li, p, div { font-family:arial; color:AAAAAA; font-size:12px; }
.btext { color:000000; }
.blacktext10 { color:000000; }
.blacktext12 { color:000000; }
.lightbluetext8 { color:000000; }
.orangetext15 { color:000000; }
.redtext { color:000000; }
.redbtext { color:000000; }
.text { color:000000; }
.whitetext12 { color:000000 ; }
a:active, a:visited, a:link { font-family:arial; color:00c6ff; font-size:12px; text-decoration:; }
a:hover { font-family:arial; color:007698; font-size:12px; }
a.navbar:active, a.navbar:visited, a.navbar:link { color:2222FF; }
a.navbar:hover { color:EEEEEE; }
a.redlink:active, a.redlink:visited, a.redlink:link { color:00c6ff; }
a.redlink:hover { color:CCCCCC; }
.nametext { color:00c6ff; }

</style>


</div>



</td> </tr> </table> </div>
<div class="comt"><table><table>



<div style="position:relative; height:0px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

<style>
.friendsComments {display:none;}
</style>



</style></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<style>
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style>

<style><br />
.friendSpace { display:none; }<br />
</style>
</td></tr></table><table style="display:none"><tr><td>

Reason for edit: Codebox tags. - Cristy

[HeartOfPandora]

Wow first of all, that is a REALLY horrible code, I can't even begin to describe how badly I want to cry.

I suggest you read up a bit on CSS and the statements that make things look how you want (for example, "background-color: #;" "font-family:;" etcetera). Then take a look here for the MySpace CSS classes, which you can use to create your own stylesheet. Trust me, you'll be glad when you have your own.

If you have any questions, I'm always glad to help someone taking on CSS for the first time. ^_^