Moving Mapped image Options

[madshadow]

So, i just made a layout, and i have the mapped image, but i would like to move it more towards the center. How can i do this?

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='5,435,45,453' HREF='http://www.xanga.com/profile.aspx?user=TH15_15_M3'><br /><AREA SHAPE='rect' COORDS='46,436,104,454' HREF='http://www.xanga.com/guestbook.aspx?user=TH15_15_M3'><br /><AREA SHAPE='rect' COORDS='105,435,161,452' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=TH15_15_M3'><br /><AREA SHAPE='rect' COORDS='164,434,207,453' HREF='http://xanga.com/private'><br /><AREA SHAPE='rect' COORDS='208,432,238,452' HREF='http://edit.xanga.com/claf.aspx'><br /><AREA SHAPE='circle' COORDS='94,401,6' HREF='http://www.movieforum.com/movies/wallpapers/christmas/nightmarebeforechristmas/images/1024x768.jpg'><br /></MAP><br /><br /><IMG SRC='http://img473.imageshack.us/img473/1817/nbcbanner5uy.gif' border=0 width=364 height=457 USEMAP='#imgmap'> <br /><br /><br /><br /><div style="position:static; margin-left: 800px; margin-top: -557px;border: 0px solid #ffffff; width: 141px; height: 357px; background:none;overflow: auto"><br /><TABLE width="100%" border=0><br /> <TBODY><br /> <TR><br />   <TD><br /><P class=nav><br /><!-- the place where chatterbox HTML code goes --><br /><!-- Flooble chatterbox for Madshadow start --><br /><script language="javascript"> var chatterbox = 'no'; </script><br /><script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=Madshadow&sid=2532169"><br /></script><noscript><br /><a href="http://chatter.flooble.com/chatter.php?id=Madshadow&sid=2532169&popup=true&w=480&h=400" <br />target="flooblechatterbox" <br />onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re<br />izable=no,copyhistory=no,width=480,height=400');return true;"><br /><img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0" <br />align="absbottom">Talk</a> <br />in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> | <br /><a href="http://www.blackjack-primer.com">Blackjack Guide</a><br /></noscript><br /><script language="javascript"> if (!chatterbox || chatterbox != 'ok') { <br />document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');<br />document.write(' temporarily unavailable. It will be back up shortly.'); } </script><br /><!-- Flooble chatterbox for Madshadow end --><br /><!-- the place where chatterbox HTML code goes --><br /></TBODY></TR></TD></TABLE><br /></div><br /><br /><style type="text/css"><br />/*lava lamp*/<br />/*by Chris*/<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops<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 /><br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table {<br />width: auto !important;<br />}<br /><br /><br /></style><br /><br /><div style="overflow: visible; width: 464px; height: 303px; margin-top: -150px; margin-left: 100px;"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

thanks for any help.

[Kenado]

You wouldjust use div on the image.

So kinda look like this.

CODE

<div style="margin-top:###px; margin-left:###px;"><IMG SRC='http://img473.imageshack.us/img473/1817/nbcbanner5uy.gif' border=0 width=364 height=457 USEMAP='#imgmap'> </div>

Make sure tofill the### with real ones.

[madshadow]

Thanks...ill try that now.