ahh! can someone help me fix this!?! Options

[sweet_maria23]

im trying to get my blog under where it says BLOG next to the ashlee simpson picture...

my xanga

here is the codes tat i totlally screwed up..
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='18,110,76,122' HREF='http://www.xanga.com/ ' ALT='xanga'>
<AREA SHAPE='rect' COORDS='94,109,136,124' HREF='http://www.xanga.com/CLAF/default.asp' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='152,108,214,120' HREF='http://www.xanga.com/private/subs.aspx ' ALT='reads'>
<AREA SHAPE='rect' COORDS='229,109,297,121' HREF='http://www.xanga.com/signin.asp' ALT='sign in'>
<AREA SHAPE='rect' COORDS='324,110,411,125' HREF='http://www.xanga.com/default.aspx?mode=logout ' ALT='sign out'>
<AREA SHAPE='rect' COORDS='428,107,504,123' HREF='http://www.xanga.com/signin.aspx?redirect=/private/SubscribeTo.aspx&user=sweet_maria23' ALT='add me'>
</MAP>

<IMG SRC='ashleesimpson2800.jpg' border=0 width=800 height=600 USEMAP='#imgmap'>

<!-- begin code provided by createblog.com -->
<style type="text/css">
/*autobiography*/
/*by maria*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000E;
scrollbar-3dlight-color: #9933CC;
scrollbar-darkshadow-color: #9933CC;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #9933CC;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:WIDTH OF THE BLOGpx;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #COLOR;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: CHANGE FONT;
font-size: 16pt;
text-align: center;
color: #COLOR;
background-color: #COLOR;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: FONT; color: #9933CC; font-size: 8pt; }
A:link, A:visited, A:active
{color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#COLOR; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>
<!-- end code provided by createblog.com -->



<!-- begin code provided by createblog.com -->
<IMG
SRC='http://img6.imgspot.com/u/04/230/19/ashleesimpson2800.jpg'
border=0 width=800height=600='#imgmap'>
<!-- end code provided by createblog.com -->

[sweetxsimplicity]

Make this the first thing you put in image mapping code

CODE

<!-- begin code provided by createblog.com -->
<IMG SRC='ashleesimpson2800.jpg' border=0 width=800 height=600 USEMAP='#imgmap'>
<!-- end code provided by createblog.com -->

You don't need this code, you've already put it above

CODE

<!-- begin code provided by createblog.com -->
<IMG
SRC='http://img6.imgspot.com/u/04/230/19/ashleesimpson2800.jpg'
border=0 width=800height=600='#imgmap'>
<!-- end code provided by createblog.com -->

If you did need it though, you would alter it to this

CODE

<!-- begin code provided by createblog.com -->
<IMG
SRC="http://img6.imgspot.com/u/04/230/19/ashleesimpson2800.jpg" border="0" width="800" height="600">
<!-- end code provided by createblog.com -->

You need a div layer code

CODE

<!-- begin code provided by createblog.com -->
<DIV style="margin-top: TOPpx; margin-left:
LEFTpx; width: WIDTHpx;OVERFLOW: auto; height:HEIGHTpx; BACKGROUND-COLOR: transparent">
<!-- end code provided by createblog.com -->

You'll need to play around with the top and left margins.

PM me if you need further help, or its still not working.