skin Options

[xTINAA]

i`m trying to create a skin using this image:
i`m having trouble coding it and doing the alignment. if i change the alignment for the "about me" area, the alignment for the blog area changes too and it all messes up. and in the blog area there is a horizontal scrollbar and i don`t know how to get rid of it. also, in the "about me" area, the font looks bolded and is centered when i preview it, is there any way to get rid of that? well here is my code, if you could please alter those things in my code it would be appreciated

CODE

<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='22,321,104,350' HREF='http://www.xanga.com/signin.asp' ALT='SIGN IN'>
<AREA SHAPE='rect' COORDS='127,320,215,347' HREF='http://www.xanga.com/default.aspx?mode=logout' ALT='LOG OUT'>
<AREA SHAPE='rect' COORDS='22,359,93,389' HREF='http://www.xanga.com/guestbook.aspx?user=angelichrissy' ALT='GUEST BOOK'>
<AREA SHAPE='rect' COORDS='19,398,113,429' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=angelichrissy' ALT='SUBSCRIBE TO ME'>
<AREA SHAPE='rect' COORDS='18,434,90,464' HREF='http://www.xanga.com' ALT='XANGA.COM'>
<AREA SHAPE='rect' COORDS='145,359,215,382' HREF='http://www.xanga.com/claf/Default.asp' ALT='LOOK & FEEL'>
<AREA SHAPE='rect' COORDS='131,395,220,423' HREF='http://www.xanga.com/private/home.aspx' ALT='YOUR XANGA'>
<AREA SHAPE='rect' COORDS='145,435,217,458' HREF='http://www.xanga.com/Private/subs.aspx?' ALT='YOUR SUBSCRIPTIONS'>
</MAP>

<IMG SRC='http://img140.exs.cx/img140/5001/sexylayout2tp.gif' border=0 width=690 height=470 USEMAP='#imgmap'>

<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 150px; height: 200px; margin-top: -150px; margin-left: 450px;">Add info about yourself here</div>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 200px; height:150px; margin-top: -200px; margin-left:-5px;">
<!-- end code provided by createblog.com -->

<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

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

<!-- begin code provided by createblog.com -->
<style type="text/css">
/* SEXY - M1SSxCHR1SSY*/
body
{background-color: #FFFFFF;

scrollbar-arrow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: VErdana;
text-transform:none;
font-size:12px;
line-height:12px;
font-weight:normal;
color:#000000;
letter-spacing:2px;
background-color:#FFFFFF;
text-align:center;
border:1px solid #FFFFFF;}

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

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 16px VERDANA;
background-color: #FFFFFF;
font-color:#000000;}

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: #000000;
font: bold 12pt VERDANA;
text-transform: none;
text-align:center;
border: #000000 1px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#FFFFFF;
BORDER: #000000 1px solid;}

font,td,p,xmp
{color:#000000
font-face: VERDANA;
font-weight:normal;
font-size:12pt;
text-align:justify;}

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

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font:Verdana;
BORDER: #FFFFFF 1px solid;
width:175px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: 10pt;
font-family: VERDANA;
font-weight:normal;
color:#000000;
text-transform:none;
font-size:12pt;
cursor:none;}

a:active
{font-family: VERDANA;
color:#000000;
text-transform:none;
font-size:12pt;
cursor:none;}

a:visited
{font-family:VERDANA;
color:#000000;
text-transform:none;
text-decoration:none;
font-size:12pt;
cursor: none;}

A:hover {font-family:verdana;
color:#FFFFFF;
text-transform: uppercase;
cursor:none;
font-weight:bold;
font-size:12pt}</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
div {

filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #000000;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #00FF00;
scrollbar-shadow-color: #00FF00;
scrollbar-track-color: #00FF00; /* transparent */
}
</style>
<!-- end code provided by createblog.com -->

[EDIT]
Can no one help?? =(
[/EDIT]

This post has been edited by M1SSxCHR1SSY: Dec 22 2004, 02:24 AM

[*mona lisa*]

well, the alignment for the blog area shouldn't change if you change the one for about me. don't forget to use negative numbers too.