Blog positioning help!, Code help! Options

[Oni tetsu]

Alright, I've been trying really hard to make the code for my first skin. I've mapped the image, calculated the pixels, and read all 3 Xanga coding tutorials I found. Mine's differen't though because it's an... odder image? When I used xanga editor, I jept getting the mapped image in the header section, and the blog below it. I need the blog to go over it in the shaded box. Here's the image; ( PLEASE NO JOCKING! )



And here's my code so far....

<!-- begin code provided by createblog.com --><br /><br /><IMG SRC='http://img14.imgspot.com/u/05/155/13/tonight.gif' border=0 width=720 height=360 USEMAP='#imgmap'><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='12,205,79,228' HREF='http://www.xanga.com' ALT='Xanga Home page'><br /><AREA SHAPE='rect' COORDS='10,232,55,255' HREF='http://www.xanga.com/claf' ALT='Claf'><br /><AREA SHAPE='rect' COORDS='15,260,103,281' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Your subscriptions'><br /><AREA SHAPE='rect' COORDS='11,283,81,304' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=Demonologymaster' ALT='Subscribe to me.'><br /><AREA SHAPE='rect' COORDS='10,311,59,331' HREF='http://www.xanga.com/private/home.aspx' ALT='Your private xanga'><br /></MAP><br /><br /><div style="<br />overflow: auto;<br />width: 465px;<br />height: 315px;<br />margin-top: 15px;<br />margin-left: 225px;"> <br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><style type="text/css"><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 /><!-- end code provided by createblog.com -->

Please help!

[Oni tetsu]

And I beleive... It has something to do with DIV layers? I'm not suuure... I'm idly browsing to find my answer... but please do help!

[talcumpowder]

Here. I added comments... Mess around with the last line of code. =)

<!-- begin code provided by createblog.com --><br /><!-- This is your image stuff. --><br /><IMG SRC='http://img14.imgspot.com/u/05/155/13/tonight.gif' border=0 width=720 height=360 USEMAP='#imgmap'><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='12,205,79,228' HREF='http://www.xanga.com' ALT='Xanga Home page'><br /><AREA SHAPE='rect' COORDS='10,232,55,255' HREF='http://www.xanga.com/claf' ALT='Claf'><br /><AREA SHAPE='rect' COORDS='15,260,103,281' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Your subscriptions'><br /><AREA SHAPE='rect' COORDS='11,283,81,304' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=Demonologymaster' ALT='Subscribe to me.'><br /><AREA SHAPE='rect' COORDS='10,311,59,331' HREF='http://www.xanga.com/private/home.aspx' ALT='Your private xanga'><br /></MAP><br /><br /><!-- Put all your stylesheet stuff here --><br /><style type="text/css"><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 /><!-- Play around with this until you get it right. --><br /><!-- Don't be afraid to use negative numbers. --><br /><!-- Also, remember that Xanga doesn't work like regular sites. =P --><br /><div style="overflow: auto; width: 465px; height: 315px; margin-top: 15px; margin-left: 225px;"> <br /><!-- end code provided by createblog.com -->

PM me if you want me to elaborate.

[HiddenSmile]

I say use negative numbers... it took me a while to figger it out, agree with her ^^^