alignment +more Options

[xTINAA]

so i`m trying to kind of make a new xanga layout. i took a skin i found & added my own banner. but how do i make it so the dates, entries, & my banner are all aligned? also, i want to add some things on my xanga but i don`t want a module at all to show when publically viewed. is there any way i can add a box or something at the bottom of my xanga and put links and stuff in there? because i want to put my counter in there & also some affiliates buttons..sorry if this doesn`t make sense. but uhm, i`m not sure if you`ll need to see my code, but here it is, anyway:

CODE

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

<img src="http://img106.exs.cx/img106/5271/aJbanner.jpg" width="506" height="138" border="0" alt="" usemap="#aJbanner_Map">
<map name="aJbanner_Map">
<area shape="rect" alt="log out" coords="472,119,504,129" href="http://www.xanga.com/default.aspx?mode=logout">
<area shape="rect" alt="sign in" coords="476,92,505,103" href="http://www.xanga.com/signin.asp">
<area shape="rect" alt="guestbook" coords="447,61,505,71" href="http://www.xanga.com/guestbook.aspx?user=angelichrissy">
<area shape="rect" alt="subscribe" coords="447,32,506,45" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=angelichrissy">
<area shape="rect" alt="xanga.com" coords="0,119,51,130" href="http://www.xanga.com">
<area shape="rect" alt="read your subscriptions" coords="0,92,52,104" href="http://www.xanga.com/Private/subs.aspx?">
<area shape="rect" alt="look and feel" coords="0,66,52,77" href="http://www.xanga.com/claf/Default.asp">
<area shape="rect" alt="home" coords="0,39,48,51" href="http://www.xanga.com/private/home.aspx">
</map>


<style type="text/css">

/*"Unity in Beige" stylesheet */
/* by sentinelb@xanga.com */
/*http://blogring*/

body {
    background-color: #FFFFFf;
    scrollbar-arrow-color: #ddddd5;
    scrollbar-track-color: #FFFFFF;
    scrollbar-shadow-color: #ddddd5;
    scrollbar-face-color: #ddddd5;
    scrollbar-highlight-color: #ddddd5;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
    font:normal 11px arial;
    line-height:10px;
    color:black;
    letter-spacing:0px;
    text-align:justify;
       text-transform: small caps;
    }

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

div.blogheader, .caption {
/* edits the dates */
    font-family:arial;
    text-transform:uppercase;
    font-size:11px;
    line-height:10px;
    font-weight:bold;
    color:#000000;
    letter-spacing:0px;
    background-color: #ffffff;
    text-align: right;
    border-bottom: 0px solid #ffffff;
    }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
    color:#000000;
    font:normal 11px arial;line-height:10px;
    text-decoration: uppercase;
    }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
    color:#000000;
    font:normal 11px arial;
    line-height:10px;
    text-decoration: uppercase;
    }

a:hover {
/* edits when user mouseovers the links */
    color:#Ffffff;
    font:normal 11px arial;
    line-height:10px;
    cursor: ne-resize;
    text-decoration: uppercase;
    }

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
    border: 0px solid #ffffff;
    font:normal 11px arial;
    background-color: #FFFFFF;
    letter-spacing:0px;
    }

table.left {
/* this edits the menu module */
    border: 0px solid #ffffff;
    width:160px;
 background-color: #Ffffff;
    }

table.blogbody {
/* this edits the other the place where the  blog is */
    border: 0px solid ffffff;
    background-color: #ffffff;
    width:430px;
    }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
    background-image: url (http://url.com/to/the/site/image.gif);
    background-color: #ddddd5;
    font: bold 11px arial;
    text-transform: uppercase;
    color: #fffff5;
    border: none;
    }
table.left TD {
/* on your menu module, this edits the body part of it */
    background-image: url (http://url.com/to/the/site/image.gif);
    background-color: #FFFFFF;
    border: none;
    }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
    background-color: #ddddd5;
    border: 1px solid #c0c0c0;
    }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
    border: 0px solid #fffffff;
    }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
    width: 600px;
    }
hr {
/* horizontal divider */
    border: 0px solid #ffffff;
    }
table.navigation, table.footer {display: none;}
</style>

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

<script language="JavaScript">
// Script Created by Mystical for Createblog.com
// http://xiphin.com
<!--
if(location.pathname=='/home.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>") }
if(location.pathname=='/item.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>") }
if(location.pathname=='/profile.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>")
}
else
{
if(location.pathname=='/private/home.aspx')
document.write("<!--Display MODULE-->")
}
//-->
</script>
<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

by the way, here is my xanga in case you want to view it to see what i`m talking about: xanga thank you so much for your help =)

[heyyfrankie]

i made everything aligned for you. but i don't understand what your other questions are. kinda confusing!