Need to move friends, Need to move friends Options

[djdaveoc]

Here is all the code in my "about me" area. I know that I moved my friends from the right to the left with some of this code, but I'm not sure which specific code did that. Also, I'd like to move my whole friends table down a little on my page so that it's not being partially covered by the picture of the DJ gear above. This is my page:

myspace.com/davidpoggi

This is the code from my "about me":

<style>.ORANGETEXT15{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.NAMETEXT{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.BLACKTEXT12{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.WHITETEXT12{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.lightbluetext8{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.btext{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.redlink{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.redtext{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.blacktext10{DISPLAY:NONE;VISIBILITY:HIDDEN;}
.orangetext15{DISPLAY:NONE;VISIBILITY:HIDDEN;}
</style>

<style
type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table
tbody tr td.text table table tbody td.text {visibility:visible;}
</style>

<style type="text/css">
table table table { width: 300px; }
table table td.text table, table table td.text table td { width: 100%; }
</style>

<style type="text/css">table table table table div {visibility:hidden;}div table table table table table div input, div a, td.text div {visibility:visible;}</style>

<br><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="3" cellpadding="3" width="435" align="center" bgcolor="ffffff" border="0"> <tr> <td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap:break-word"> <span class="orangetext15">About me:</span><br></style>

<style type="text/css">
table {float:left; padding-left:0; margin-left:0;}
table table table {margin-bottom:5px;}
table table table table {margin-bottom:0;}
</style>

<style>td td object {position:absolute; left:0px; top:-100px; display:block; width:228px; height:39px;}</style>

<style type="text/css">
table, td {
background-color:transparent;
border:none;
border-width:0;}
body {
background-color:000000;
background-image: url('http://i47.photobucket.com/albums/f155/djdaveoc/Extreme_Elegance_PC_Back.jpg');
background-repeat: no-repeat;
background-position: 670px 176px;}
</style>

<style type="text/css">
table table table table{border:0px}
table table table{ border-color:; border-style:solid ; border-width:0px; background-color:; filter:; opacity:; -moz-opacity:; background-image:url(http://); background-position:Top Left; background-repeat:repeat; } table table table table, table table table td{ border-style:none; }
table, tr, td{background-color:transparent; }
.nametext {
font-size:10pt;
color:FFFFFF;
font-weight:bold;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FFFFFF ; font-size:10pt; font-weight:bold; font-style:bold; font-family:; }

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:FF0000; font-size:8pt; font-weight:bold; font-style:bold; font-family:; } a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:; font-size:8pt; font-weight:none; font-style:none; font-family:; }

.orangetext15, .whitetext12, .btext, .redtext, .redbtext{ color:FF0000; font-size:8pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; }
.lightbluetext8{ color:; font-size:8pt; font-weight:bold; font-style:normal; font-family:Arial, verdana, arial, sans-serif; }
table table td.text table td.text table table table a {color: ;
}
table, tr, td { border: none; background-color: transparent; padding: 0; }
.blacktext12{color:;}
a.navbar{sans-serif;font-size:8pt; font-weight:none} a.navbar:link{color:;font-size:8pt; } a.navbar:active{color:;} a.navbar:visited{color:;} a.navbar:hover{color: ;}
</style>

<style>.contactTable {width:300px !important; height:150px !important;
padding:0px !important;background-image:url(http://i87.photobucket.com/albums/k156/jnds/contact_tables/baseball/angels.jpg);
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;}</style>

Can anyone help me move the friends table down on the page a bit? Thanks!

[djdaveoc]

Well I wanted my page to look nice so I resized the image so it would fit above my friends without cutting them off. But I'd still like to know exactly what part of my code moved my friends from right to left. Also, if there is a post where it tell how to put the friends table into a div and position it on the screen exactly where you want it, please give me the link. Thanks!

[FoxLucky]

Just to let you know something easier in the future (and to avoid not closing tags)

Use just one set of these:
<style type="text/css"> POST THAT AT THE TOP
</style> POST THAT AT THE BOTTOM

BTW Check the scripts, I'm not sure what you mean but there are codes to switch sides in your layout.

[djdaveoc]

I'm guessing what I really need to know is how to put the friends table in a div overlay so I can position it anywhere on my page using coordinates like I'm doing with my picture and text divs. Anyone know how to do this? Thanks.

[freeflow]

The only way to put your friends in a DIV is if you put comments too.

[djdaveoc]

Two quick questions:

1. Can you point out which code in my "about me" moved my friends and comments from right to left? I forgot and can't figure it out.

2. Is there a tutorial somewhere or the code that shows how to put friends and comments into a div? I'd like to do that so I can place it in a specific place on my page. Thank you!