how do i put a, "About me" module Options

[cu_tie_pie]

how do i put an "About Me" module next to my blog...

here is my TESTER XANGA that i am talking about...

you know the space on the left of the blog area...i want to put my module over there...but if i put a div tag or a table...the blog goes below the module.

help me



//EDIT

ok i got the custom module but it just moved the div to the right...look at the xanga and check it out .... help me!!

This post has been edited by cu_tie_pie: Aug 6 2004, 05:20 PM

[cu_tie_pie]

ok sure...

here is what is in the custom header section:

CODE

<!-- begin code provided by createblog.com -->
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #CCCCCC; width:150px; background-color:#000000; }

table.module th { background-color: #000000;font: bold 11px arial; text-transform: uppercase;color: #cccccc; border: none; }

table.module td {color: #cccccc; text-align: left; border: none; background-image: none; }
</style>


<style type="text/css">
/* "ruPeRt gRiNT" by "cu_tie_pie"*/

BODY {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #CCCCCC;
scrollbar-arrow-color: #000000;
background-color: #CCCCCC;
font-family: Arial;
font-size:8pt;
font-color: #CCCCCC;
line-height: 12px;
text-align: justify;
cursor: ne-resize;
}

center, font{
font-family: Arial;
font-size: 8pt;
font-color: #CCCCCC;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 12px arial;
text-transform: uppercase;
color: #CCCCCC;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #CCCCCC;
}

table.left TD {
background-color: transparent;
color: #CCCCCC;
border: 0px;
text-align:left;
}

.blogheader{
background-color: transparent;
font: 24px "brady bunch remastered";
text-transform: lowercase;
color: #CCCCCC;
border: 0px;
text-align: left;
padding-left:4px;
padding-top:0;
padding-bottom:3px;
letter-spacing:1px;
}

.blogbody{
border-top: 1px solid #CCCCCC;
color: #000000;
background-color: #transparent;
width:400px;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"arial";
font-size:8pt;
font-color: #000000;
line-height:12px;
background-color: FFFFFF;
letter-spacing:0px;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font:normal 11px arial;
color: #CCCCCC;
text-align:left;
}

STRONG{
COLOR: #CCCCCC;
letter-spacing: 0pt;
text-transform:uppercase;
}

A:link{
text-transform: none;
font-family:"arial";
text-decoration:none;
font-weight:normal;
font-size:8pt;
color: #999999;
filter: none;
height: 0;
letter-spacing: 0px;
}

A:visited{
text-decoration:none;
text-transform:none;
font-family:"arial";
font-weight:normal;
font-size:8pt;
filter: none;
height: 0;
color:#999999;
letter-spacing: 0px;
}

a:active{
color: #999999;}

A:hover{
font-family:"arial";
font-size:8pt;
color:#FFFFFF;
filter: none;
height: 0;
font-weight: normal;
letter-spacing: 0px;
text-decoration: none;
cursor: se-resize;
}

hr, .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}

table.blogbody {
/* edits your blog or entry space */
border: 1px solid #CCCCCC;
background-color: transparent;
width:350px;
text-align: right;
}
</style>

<div style="width: 452px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;margin-top:0px;">
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='401,10,425,22' HREF='/cu_tie_pie/' ALT='me'>
<AREA SHAPE='rect' COORDS='429,10,448,23' HREF='/signin.aspx/' ALT='in'>
<AREA SHAPE='rect' COORDS='452,11,480,22' HREF='/private/' ALT='yoo'>
<AREA SHAPE='rect' COORDS='486,11,515,22' HREF='/claf/' ALT='edit'>
<AREA SHAPE='rect' COORDS='520,10,555,22' HREF='/Private/subs.aspx/' ALT='/subs/'>
<AREA SHAPE='rect' COORDS='560,11,610,23' HREF='/Private/SubscribeTo.aspx?user=cu_tie_pie' ALT='add me' target="_blank">
<AREA SHAPE='rect' COORDS='614,9,644,23' HREF='/logout.aspx/' ALT='out'>
</MAP>

<IMG SRC='http://img69.exs.cx/img69/7603/rupert.png' border=0 width=652 height=501 USEMAP='#imgmap'></div>

<div style="background-color=#000000;border: 1px solid #FFFFFF; border-top: 0px;width:450px;">

<table border=0 width="450"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://img37.exs.cx/img37/2963/rupicon.jpg"></center><p>

<b>name:</b> uhhhh..<br>
<b>gender:</b> errr<br>
<b>hobbies:</b> blah blah<br>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module">

<!-- Add your subscriptions here -->

<a href="http://www.xanga.com/SOMEONE">someone</a><br>
<a href="http://www.xanga.com/SOMEONE2">someone 2</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module">

<!-- Add your blogrings here -->

<a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a>

</td></tr></table><br>


<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module">

La la la =]

</td></tr></table><br>
</td><td width="500" valign="top" align="left">
<!-- end code provided by createblog.com -->

here is what is in the website STATS:

CODE

<!-- begin code provided by createblog.com -->
</td></tr></table>

<div style="width: 652px; height:200px;border: 0px solid #FFFFFF; margin-top:-1px;">
<MAP NAME='mapping'>
<AREA SHAPE='rect' COORDS='7,194,211,213' HREF='/cu_tie_pie/' ALT='cu_tie_pie' target="_blank">
</MAP>

<IMG SRC='http://img27.exs.cx/img27/4844/bottomrupert1.png' border=0px width=652 height=217 USEMAP='#mapping'></div>

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