Frustrated and Generally Mad.. HELP! Options

[Bamont]

Okay, so I've uploaded my image, put the codes(got from tutorial found on this site) and all that madness in the right places, but I still can't figure out how to get my text in the picture spot I made for it. I'm using PSP to make the picture, and I'm frankily confused to the point of giving up. Here's the code:

CODE

<!-- begin code provided by createblog.com -->
<img src="http://img9.imgspot.com/u/04/311/07/Skin1.jpg">
<!-- end code provided by createblog.com -->
<!-- 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 -->
<!-- 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:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
table.header { width: 602px; }
table.navigation { width: 602px; border: none; }
table.footer { width: 602px; border: none; }
table.main { width: 602px; border: none; }
table.left {width: 180px; border: 1px solid
#000000; background-color: #000000;}
}
body {
background: #000000 url(http://images.cbstaff.com/xanga/04/0893_bg.jpg) fixed;
scrollbar-arrow-color: #EE2200;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #EE2200;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #EE2200;
}
.left, .blogbody, table.footer, .standard,

.leftmodulefontcolor, td, p {
/* edits main text */
font:normal 9px Tahoma;
line-height:12px;
color: #EE2200;
letter-spacing:1px;
text-align:justify;
}

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

div.blogheader, .caption {
/* edits the dates */
font-family:tahoma;
text-transform:Uppercase;
font-size:14px;
line-height:15px;
font-weight:bold;
color:#EE2200;
letter-spacing:0px;
background-color: #000000;
border: 0px solid black;
text-align: center;
 border-top: 2px solid #EE2200;
 border-RIGHT:  2px solid #EE2200;
 border-left:  2px solid #EE2200;
 border-bottom:  0px solid #EE2200;
 width:600px;

}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #FFFFFF;
font: 10px tahoma;
line-height:9px;
text-decoration: bold;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #EE2200;
font:10px tahoma;
line-height:9px;
text-decoration:none;
}

a:active{
color: #FFFFFF;}

a:hover {
/* edits when user mouseovers the links */
color: #EE2200;
font: 10px tahoma;
line-height:9px;
cursor: crosshair;
text-decoration: line-through;
text-transform: bold;
}


input, select, textarea, .textfield, .

button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #EE2200;
font:normal 9px tahoma;
background-color: transparent;
letter-spacing:0px;
color: #EE2200;
}
.smalltext {
text-align:center;
}

table.left {
/* this edits the menu module */
border: 2px solid #EE2200;
width:0px;
 background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the blog is */
border: 2px solid #EE2200;
background-color: #000000;
width: 600px;
border-top:2px solid #EE2200;
border-right:2px solid #EE2200;
border-left: 2px solid #EE2200;
border-bottom:2px solid #EE2200;
}


table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-color: #000000;
font: bold 9px tahoma;
text-transform: uppercase;
color: #EE2200;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #000000;
border: none;
}

table.TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #EE2200;
}
table.navigation, table.main, table.footer
{
/* the width of your blog with modules */
width: 600px;
}
hr {
/* horizontal divider */
border: 1px solid #EE2200;
}
table.left, table.navigation, table.footer,

HR, td.mainleft{display: none;}

.leftmoduletitlebar, .leftmoduleborder,
.leftmoduleinterior, table.navigation, table.footer {display: none;};
</style>

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

I borrowed some of the code from another girls skin to see what I needed to differently, and it got me even more confused.

Okay, so to put it simply:

I made a blogging part in my picture where I want my text to go, then had the navigation on the left side - but for some reason I can't figure out how to get my text (posts) INSIDE of the picture, it just drops below, like the picture itself is a background. Any help would be GREATLY appreciated.

I'd give someone a warm spot on the cheek for some information.

My AIM is Bamont2607.

Thank you all so much. I only got this far because of the people on this site and their great works.

[Bamont]

Oh, here's what it looks like..
The shaded black area was where I wanted my text to go, and the nav is on the left side (just like I said)..

I need to know HOW to get the text in the box, and the nav to work..

[waccoon]

The nav = http://www.pcoward.com/imagemapper/

What you have to do is make a div layer.

<div style="border:0px solid;width:150px;position:static;margin-left:-15px;margin-top:-145px;height:1700px">

at the bottom of your custom header.
Fiddle with the margin-left, margin-top and height to get what you want.
Don't be afraid to change the values to positive or negative.
Change the height to fit accordingly.

[Bamont]

Pretty much have the word centering all lined out..

Now I just need to figure out how to get the words from scrolling all the way down the page. I want them isolated in the box.. hopefully someone out there will assist me. Thanks.

CODE

<!-- begin code provided by createblog.com -->
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<DIV style="margin-top: 0px; margin-left:
-100px; width: 1000px;OVERFLOW: auto; height:800px; BACKGROUND-COLOR: transparent">

<!-- end code provided by createblog.com -->
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='30,218,119,235' HREF='http://www.xanga.com/private/subscribeto.aspx?user=Hopelessandalone'>
<AREA SHAPE='rect' COORDS='39,246,117,261' HREF='http://www.xanga.com/private/subs.aspx'>
<AREA SHAPE='rect' COORDS='38,286,101,295' HREF='http://www.xanga.com/claf'>
<AREA SHAPE='rect' COORDS='41,309,103,323' HREF='http://www.xanga.com/signin.aspx'>
<AREA SHAPE='rect' COORDS='34,332,94,345' HREF='http://www.xanga.com/logout.aspx'>
<AREA SHAPE='rect' COORDS='34,368,102,380' HREF='http://www.xanga.com/private'>
</MAP>
<IMG SRC="http://www.afreeimagehost.com/upload/3572/Skin1.jpg" border=0 width=800 height=600 USEMAP='#imgmap'>
<!-- 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:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<!-- end code provided by createblog.com --><!-- begin code provided by createblog.com -->
<style type="text/css">
body {
background-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-shadow-color: #;
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-darkshadow-color: #;
scrollbar-3dlight-color: #; }


.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal #px FONT;
line-height:12px;
color: #COLOR;
letter-spacing:1px;
text-align:justify;}

table.footer TD {
/* this makes the footer at the bottom centered */
text-align: center;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #COLOR OF LINK;
text-decoration: none;}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #COLOR OF LINK VISITED;
text-decoration: none;}

a:hover {
/* edits when user mouseovers the links */
color: #COLOR OF LINK WHEN MOUSE HOVERS OVER IT;
cursor: CURSOR WHEN MOUSE HOVERS OVER LINK;
text-decoration: none;}

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

table.search TD, table.announcements TH {
border: 0px solid #FFFFFF;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 0px;
}
hr {
/* horizontal divider */
border: 1px solid #COLOR OF LINE THAT SEPERATES EVERY BLOG ENTRY;
}
</style>
<div style="border:0px solid;width:0px;position:static;margin-left:400px;margin-top:-400px;height:800px">
<!-- end code provided by createblog.com -->