Help with layout plz!, Dont want scrollbar! Options

[saigonese]

I made this layout which has the border included in the pic, so if I only uploaded the whole picture then the blog will need a scrollbar... But I dont want the scrollbar, so I thik I need to cut the whole picture into 3 parts, but I dont know where to cut and how to code! Help me plz, this is the whole thing (or just come to my xangaand take a look):

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

/* Skin3 by SaIgOnEsE */
/* www.xanga.com/saigonese */
/* please do not remove the credit */

</style>

<MAP NAME='Skin3'>
<AREA SHAPE=rect COORDS='503,9,590,20' HREF='http://www.xanga.com/saigonese' ALT='skin by SaIgOnEsE'>
<AREA SHAPE=rect COORDS='8,152,112,172' HREF='http://www.xanga.com/profile.aspx?user=saigonese' ALT='Profile'>
<AREA SHAPE=rect COORDS='125,152,236,174' HREF='http://xanga.com/private/home.aspx' ALT='Private'>
<AREA SHAPE=rect COORDS='246,152,356,172' HREF='http://www.xanga.com/claf' ALT='Claf'>
<AREA SHAPE=rect COORDS='365,152,472,172' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=saigonese' ALT='Subscribe'>
<AREA SHAPE=rect COORDS='485,153,595,171' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Read Subscriptions'>
</MAP>
<IMG SRC='http://img370.imageshack.us/img370/9429/skin3copy7gf.jpg' width=600 height=557 BORDER='0' USEMAP='#Skin3'>

<div style="overflow: auto; width: 587px; height: 368px; margin-top: -377px; margin-left: -5px;">

<script language=javascript>
document.title=("Skin3")</script>

<style type='text/css'>

table.header, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer TD {display: none;}

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

HR {color: #DCDCDC;}

table.announcements, table.announcements TH, .button, .textfield, .pulldown
{border: 1px solid #DCDCDC; }

body
div {filter:chroma(color=#589FE7); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #589FE7; /* transparent */
scrollbar-3dlight-color: #589FE7; /* transparent */
scrollbar-darkshadow-color: #589FE7; /* transparent */
scrollbar-highlight-color: #fffFFF;
scrollbar-shadow-color: #fffFFF;
scrollbar-track-color: #589FE7; /* transparent */
}


.blogbody
{
background: none;
border-bottom: solid 1px #ffffff;
border-top: solid 0px #ffffff;
border-right: solid 0px #ffffff;
border-left: solid 0px #ffffff;}

input, option, select
{font-family: arial;
font-size:9pt;
color: #ffffff;
border: 1px dotted solid #DCDCDC;
background:#000000}

body, td, p
{color:#ffffff;
font-size: 8pt;
font-family: arial;
text-transform: none;
text-align:justify;}

a:link {color:#A3A3A3;font-size: 7pt}

a:visited {color:#A3A3A3;font-size: 7pt}

.title { color: #A3A3A3;font-size: 7pt}

a:hover {color:#707070;font-size: 7pt;}

div.blogheader, .caption
{letter-spacing: 0px;
text-transform: uppercase;
font-size:10px;
color: #ffffff;
line-height: 30px;
text-align: center;
font-style: bold;
margin-bottom:0px;
width: 100%;}

div.smalltext
{text-align: right;
background-color: transparent;
line-height: 50px;
width: 100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 7pt}


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

[OhXiet_ItzDonnA]

I had the same problem and I figured it out so I did something like this...

CODE

<img src="URL OF IMAGE><IMG SRC="URL OF IMAGE"><IMG SRC="URL OF IMAGE" BORDER='0' USEMAP='#Skin3'>

but if ur images are next to eachother, try adding <br> like this

CODE

<img src="URL OF IMAGE><br><IMG SRC="URL OF IMAGE"><br><IMG SRC="URL OF IMAGE" BORDER='0' USEMAP='#Skin3'>

So try those^^ after you cut the pictures.

Oh and make sure that the one that have the image maps. It should have something like this

<IMG SRC="URL OF IMAGE" BORDER='0' USEMAP='#Skin3'>

Hope I didnt confuse ya

[saigonese]

I had the same problem and I figured it out so I did something like this...

CODE

<img src="URL OF IMAGE><IMG SRC="URL OF IMAGE"><IMG SRC="URL OF IMAGE" BORDER='0' USEMAP='#Skin3'>

but if ur images are next to eachother, try adding <br> like this

CODE

<img src="URL OF IMAGE><br><IMG SRC="URL OF IMAGE"><br><IMG SRC="URL OF IMAGE" BORDER='0' USEMAP='#Skin3'>

So try those^^ after  you cut the pictures

So I basically need to cut the whole pic into 3 parts: Header, Blog, and Bottom... but then the bottom needs to be last and the Header first, leanving the Blog in the middle, right? Tried that, didnt work tho... I'll try this now and see...