Within-DIV Space Question, Wanting to know Coe for Spacing in DIV box Options

[judasjap]

Hey. I've just completed this DIV (thanks Pattycake), but on the area where users can comment I was just wondering if there's a code to add a space between the submit button and the box where the actual comment is type, or better yet to move one box below the other? I know it's petty, but it's just a pet peeve. Also, in this particular layout, some of the links on the friends area don't work...IE view all friends, friends online, etc. I'm not really worried about it, but does anybody know what's up with that? myspace.com/79726644

Here's my code:

ABOUT ME:

CODE

<style>
.main {
position: absolute;
left: 50%;
top: 190px;
width: 800px;
z-index: 1;
margin-left: -400px;
}
</style>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL215c3BhY2UtbGF5b3V0cy8=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<div class="bg" style="position: absolute; left:170px; top:55px; width:1024px; height:1182px; overflow: hidden;">
<img src="http://cbimg6.com/layouts/07/09/30/20892aa.png" />
</div>

<style>

body {
background-color:e5e5e5;
scrollbar-arrow-color: a5dcdf;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;}


table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}


.text {font:normal 9px arial; color: 000000
font-weight:none; border:0px; text-transform: none; line-height:12px;}




a{font-family:arial; font-size:9px; color: 387c80; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color: 529ae5; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:387c80; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:529ae5; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:387c80; font-weight:none;border:0px; text-transform: uppercase;}


b {
color: 006796;
font-family: arial;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;}

i {
color: 244d60;
font-family:arial;
font-size:10px;
letter-spacing:0pt;
font-weight:normal;}

u {
color: 242d60;
font-family:arial;
font-size:9px;
letter-spacing:0pt;
font-weight:normal;}

s {
color: 545d90;
font-family:arial;
font-size:9px;
letter-spacing:2px;
font-weight: bold;
text-decoration:strikeout;}


</style><style>
</style>



MEET:

<div class="main">
<table style="width: 800px;
height: 800px;
cellpadding: 0px;
cellspacing: 0px;
background-color: FFFFFF;">
<tr><td valign="top">
</td></tr></table></div>

<div class="navi" style="position: absolute; left:170px; top:55px; width:1024px; height:1182px; z-index:1px; overflow: hidden;">
<img name="myspace" src="http://cbimg6.com/layouts/07/09/30/20892aa.png" width="1024" height="1182" border="0" usemap="#myspace" />
<map name="myspace">
<area shape="rect" coords="132,575,255,594" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />
<area shape="rect" coords="132,614,254,633" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRpZD03OTcyNjY0NA==" />
<area shape="rect" coords="291,575,420,599" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRpZD03OTcyNjY0NA==" />
<area shape="rect" coords="291,614,419,633" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewalbums&friendid=79726644" />
</map></div>




<div class="about me" style="position: absolute; left:290px; top:150px; width:319px; height:300px; overflow: auto;"><br />
<center><h2>YOUR NAME</b></h2></center>
<br />
WRiTE SOMETHiNG HERE! <b>WRiTE SOMETHiNG HERE!</b> <i>WRiTE SOMETHiNG HERE!</i> <u>WRiTE SOMETHiNG HERE!</u> <s>WRiTE SOMETHiNG HERE!</s> WRiTE SOMETHiNG HERE! <b>WRiTE SOMETHiNG HERE!</b> <i>WRiTE SOMETHiNG HERE!</i> <u>WRiTE SOMETHiNG HERE!</u> <s>WRiTE SOMETHiNG HERE!</s> WRiTE SOMETHiNG HERE! <b>WRiTE SOMETHiNG HERE!</b> <i>WRiTE SOMETHiNG HERE!</i> <u>WRiTE SOMETHiNG HERE!</u> <s>WRiTE SOMETHiNG HERE!</s>
<br /><br />
</div>

<div class="advertisement" style="position: absolute; left:624px; top:130px; width:302px; height:252px; overflow: auto;"><center>
<img src="http://cbimg6.com/layouts/07/09/30/20892ab.jpg" /></center>
</div>

<div class="video" style="position: absolute; left:626px; top:440px; width:222px; height:140px; overflow: auto;"><center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="141" width="225">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/6xo6NL3sN_U" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/6xo6NL3sN_U" height="141" width="225" wmode="transparent" />
</object></center></div>


<div class="facts" style="position: absolute; left:938px; top:119px; width:114px; height:250px; overflow: auto;">
<br /><center><h5>more about me</h5></center>
<br />
name: your name<br />
bday: your bday<br />
age: your age<br />
i like: something<br />
i hate: something<br />
</div>

<div class="upcoming dates" style="position: absolute; left:863px; top:430px; width:205px; height:141px; overflow: auto;">
you can put your up coming events, or special dates, or whatever you want here!<br />

8/22 - something? <br />
8/23 - something? <br />
8/24 - something? <br />
8/25 - something? <br />
</div>

<div class="status and mood" style="position: absolute; left:286px; top:460px; width:320px; height:107px; overflow: auto;">
<br /><br />
<center><form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25m
XJtQ29tbWVudA=="><input name="friend id" value="79726644" type="hidden" /><textarea name="f_comments" style="font-family:arial; overflow:hidden;font-size: 9px; color: 000000; padding:1px;font-weight:regular;letter-spacing:2px;line-height:10px;width:170px;background-image:url();text-align:center; border-color:000000; background-color:FFFFFF; border-style:solid; height:25px;border-width:1px;">LEAVE YOUR COMMENT</textarea></font><br /><br /><input type="submit" value="SUBMIT" style="width:65px;color:000000;font-size:9px;font-family:arial;text-transform:lowercase;letter-spacing:1px;background-color:FFFFFF; border-color:000000; border-style:solid; border-width:1px;height:15px;" /><input /></form></div>

<div class="bulletin" style="position: absolute; left:297px; top:783px; width:300px; height:320px; overflow: auto;">
something here and something there. maybe a picture marquee moving up?
<br /><br />
<b> whoa bold!</b><br /><br />
<i> whoa italics!</i><br /><br />
<u> whoa underline!</u><br /><br />
<s> whoa strike out!</s>
</div>


<div class="top friends" style="position: absolute; left:650px; top:856px; width:400px; height:207px; overflow: auto;">
<br />
<marquee width="400px" height="207px"><a href="YOURFRiENDSURL"><img src="http://cbimg6.com/layouts/07/09/30/20892ac.png" /></a>
<a href="YOURFRiENDSURL"><img src="http://cbimg6.com/layouts/07/09/30/20892ac.png" /></a>
<a href="YOURFRiENDSURL"><img src="http://cbimg6.com/layouts/07/09/30/20892ac.png" /></a>
<a href="YOURFRiENDSURL"><img src="http://cbimg6.com/layouts/07/09/30/20892ac.png" /></a>
<a href="YOURFRiENDSURL"><img src="http://cbimg6.com/layouts/07/09/30/20892ac.png" /></a>
</marquee></div>

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