IM very confused. This is the code:

<img src="http://img23.echo.cx/img23/3458/topbanner7mt.png">
<img src="http://img60.echo.cx/img60/950/blog3ak.png">
<style type="text/css">
b.tabledesc{width:530;border:2px dotted black;background:#ba55d3;filter:alpha(opacity=100) }
</style>
<br><br><style type="text/css">body{background:white url
p table{text-align:center}font{color:000000;font:10px terminal}</style>
<style type="text/css">
BODY{ scrollbar-face-color: white;
scrollbar-shadow-color: #ba55d3;
scrollbar-highlight-color: #ba55d3;
scrollbar-3dlight-color: #ba55d3;
scrollbar-track-color: white;
scrollbar-arrow-color: #ba55d3;
</style><b class="tabledesc">
</b><style type="text/css">
td,p,body{color:black;font:8pt terminal}
b{color:#ba55d3;font:8pt terminal}
</style><style type="text/css">
a:link,a:visited{color:#ba55d3;font:8pt terminal}
a:active{color:#ba55d3;font:7pt terminal}
</style><style type="text/css">
a:hover{color:#ba55d3 text-transform:uppercase}
</style><style type="text/css">
TEXTAREA,input{border:2px dotted #ba55d3}
</style>
<style type="text/css">
i.topbanner{background:url(http://img182.echo.cx/img182/7559/topbanner3al.png);
height:62;width:480;position:absolute;top:48;left: 227}
</style>
<i class="topbanner"> </i>
<style type="text/css">
i.s{background: url(http://img182.echo.cx/img182/6668/sidebar3ao.png);width:128;height:735;position:abso lute;top:20;left:0}
</style>
<i class="s"> </i>





I want the parts to all lign up but whenever i try to change it it all get runed! I also cant fuigure out how to put a scrole box on the part with the bat thing on it. i also cannot fuigure out how to get the part with the Tiki Tiki on it on top of the yellow bar on the top.

here is the place with the layout:
http://neopets.com/randomfriend.phtml?user=angelchick_54_

Thank you soooo much if you help me out!! even if you only answer a part of my questions it will be GREATLY appriciated!!!!!

i have no experience with neopets, however this is a cleaned up version of your coding:


<style type="text/css">
<!--
b.tabledesc {width: 530px; border: 2px dotted black; background: #ba55d3; filter: alpha(opacity=100); }

p table { text-align: center; }
font { color: #000000; font: 10px terminal; }

BODY{ scrollbar-face-color: white;
scrollbar-shadow-color: #ba55d3;
scrollbar-highlight-color: #ba55d3;
scrollbar-3dlight-color: #ba55d3;
scrollbar-track-color: white;
scrollbar-arrow-color: #ba55d3;
background-color: white;
}

td, p, body { color: black; font: 8pt terminal; }
b { color: #ba55d3; font: 8pt terminal; }
a:link, a:visited { color: #ba55d3; font: 8pt terminal; }
a:active { color: #ba55d3; font: 7pt terminal; }
a:hover { color:#ba55d3; text-transform: uppercase}
TEXTAREA, input{border: 2px dotted #ba55d3}

i.topbanner { background: url(http://img182.echo.cx/img182/7559/topbanner3al.png); height: 62px; width: 480px; position: absolute; top: 48px; left: 227px; }

i.s { background: url(http://img182.echo.cx/img182/6668/sidebar3ao.png);width: 128px; height: 735px; position: absolute; top: 20px; left: 0px; }

-->
</style>

<img src="http://img23.echo.cx/img23/3458/topbanner7mt.png">
<img src="http://img60.echo.cx/img60/950/blog3ak.png">
<b class="tabledesc">
</b>

<i class="topbanner"> </i>
<i class="s"> </i>

you gotta be more carefull with coding. there where allot of tags missing, not closed etc...

Love,
Mirna