Blog Body, Menu Box Coordinates, Having trouble getting text in these Options

[lpdrummer]

I cannot seem to get text to go inside the boxes I made here. Would anybody mind helping me out? I have the coordinates of all sides of both boxes, but I don't know where to put this in...

[talcumpowder]

Bleh... There's a lovely feature called the Edit button.
Anyways, try this. You were moving the image map and not the image... >.< Kinda hard to explain. didn't I say to put the blog moving code last? o.O

<!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v171/lpdrummer/Xanga/MUSESkin.jpg "><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='547,516' HREF='www.xanga.com/USERNAME' ALT='Home'><br /><AREA SHAPE='rect' COORDS='555,500,636,516' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscriptions'><br /><AREA SHAPE='rect' COORDS='645,501,676,517' HREF='www.xanga.com/claf' ALT='CLAF'><br /><AREA SHAPE='rect' COORDS='685,501,714,518' HREF='help.xanga.com' ALT='Help'><br /><AREA SHAPE='rect' COORDS='723,500,767,517' HREF='www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='774,501,819,516' HREF='www.xanga.com/logout.aspx' ALT='Logout'><br /></MAP><br /><br /><div style="overflow: auto; width:165px; height: 237px; margin-top: -530px; margin-left: 766px;"><br /><a href="http://www.xanga.com/home.aspx?user=oldskoolskimmerkid">Austen</a><br><br /><a href="http://www.xanga.com/home.aspx?user=xsweetnsimplex">Jessica</a><br><br /></div><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: arial;<br />text-transform:none;<br />font-size:12px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt arial;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#pt;<br />text-align:justify;}<br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br />a:link<br />{line-height: #pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:active<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:visited<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br />A:hover {font-family:arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:12pt}<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><div style="overflow: auto; width: 273px; height: 526px; margin-top: 0px; margin-left: 0px;"><br /><!-- end code provided by createblog.com -->

[lpdrummer]

Bleh... There's a lovely feature called the Edit button.
Anyways, try this. You were moving the image map and not the image... >.< Kinda hard to explain. didn't I say to put the blog moving code last? o.O

I know abot edit, im not that dumb

I had the blog code last, but then saw another tutorial that said put it after your other div, so I figured I'd try that since none of them worked.

Anyhew, My blog box is still WAY off....I can't seem to move it! No matter what I put in it (Margin left, margin top) it dosent move! Ack!

Am I doing something wrong?


P.S. my links on the image mapping still don't work...