chatterbox, Is it a code problem? Options

[the19thstory]

I am helping a friend make a skin for their Xanga. But we can't seem to get the chatterbox in it's spot on the right of the blog space. Can someone please have a look at this, advice would be nice. *the xanga is www.xanga.com/imagator4life* thanks.

[Pulchritude]

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left: ###px; margin-top: -505px;border: 0px solid #ffffff; width: ###px; height: ###px; background:none;overflow: auto"><br /><TABLE width="100%" border=0><br /> <TBODY><br /> <TR><br />   <TD><br /><P class=nav><br /><br /><br /><br /><!-- the place where chatterbox HTML code goes --><br /><!-- the place where chatterbox HTML code goes --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

and i got this from the skin tutorial

http://www.createblog.com/forums/index.php?showtopic=34220

[the19thstory]

It's still appearing in the blogging place... even after I entered the code in.

[Lightner]

Where did u put it?

[the19thstory]

In the custom header after the blog div stuff

[Pulchritude]

It's still appearing in the blogging place... even after I entered the code in. 

uhh you know the code i gave you did u even change the # to your own numbers?? cuz u gotta put in your own numbers and just play around with it until u put it where u want it to be..

[the19thstory]

that being the problem.. It doesn't show up. It's just moving the blog around.

[Lightner]

U are putting it in the space provided that says right?

<!-- the place where chatterbox HTML code goes -->
<!-- the place where chatterbox HTML code goes -->

[the19thstory]

yep.

<!-- begin code -->
<img src="http://img24.exs.cx/img24/4102/layout22cz.jpg">
<!-- end code -->


<!-- begin code provided by createblog.com -->

<div style="overflow: auto; width: 475px; height: 365px; margin-top: -460px; margin-left:80px;">

<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="position:static; margin-left: 600px; margin-top: -505px;border: 0px solid #ffffff; width: 300px; height: 600px; background:none;overflow: auto">
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD>
<P class=nav>
<!-- Flooble chatterbox for Imagator4life start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=Imagator4life&sid=2795618">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=Imagator4life&sid=2795618&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://perplexus.info/tree.php">puzzles, problems, riddles by category</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for Imagator4life end -->


<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:470px;}
.leftmoduletitlebar, .leftmoduleborder, table.left, table.left TH, table.left TD, table.footer
{display: none;}
</style>

<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->

<style type="text/css">
/* Gator Skin - by Samantha Vernon*/
body
{background-color: #1818a7;

scrollbar-arrow-color: #18A718;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FF9900;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ff0000;
scrollbar-darkshadow-color: #ff0000;
scrollbar-3dlight-color: #ffffff;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:left;
font-family: impact;
filter: glow;
font-size:16px;
line-height:20px;
font-weight:normal;
color:18a718;
letter-spacing:2px;
background-color:1818a7;
text-align:left;
border:dashed ff9900;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: 1818a7;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid 1818a7;
font:normal 14px verdana;
background-color: ff9900;
font-color: 1818a7;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #COLOR CODE;
font: bold #pt FONT FAMILY;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}

table.left {
/* this edits the menu module */
width:0px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:#pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:none;
padding-left: none;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: verdana;
text-align:left;
BORDER: none;
width:430px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 12pt;
font-family: verdana;
font-weight:normal;
color:18a718;
text-transform:none;
font-size:12pt;
cursor:w-resize;}

a:active
{font-family: verdana;
color:18a718;
text-transform:none;
font-size:12pt;
cursor:col-resize;}

a:visited
{font-family: verdana;
color:18a718;
text-transform:none;
text-decoration:strikeout;
font-size:12pt;
cursor: not-allowed;}

A:hover {font-family:verdana;
color:1818a7;
text-transform: toggle;
cursor: crosshair;
text-decoration:glow;
font-weight:bold;
font-size:12pt}</style>

<!-- end code provided by createblog.com -->

[Lightner]

But the Chatterbox stuff at the bottom of ur entire code then test it, im not entirley sure, im sure azn knows alot better ^_^

[Pulchritude]

code box next time

CODE

[codebox]CODE GOES HERE[/codebox]

and yea try putting your chatter box behind all your codes in your custom header..