Rawr To Image Maps, Coding & Issues Options

[xprobablecausex]

Rawr! I've been trying to put an image map in my LJ & I just can't seem to grasp the correct code.
I'm pretty good with HTML/CSS & the such, but image mapping has stumped me!
=(

Mr. Override Code:

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><title>Watch Your Step</title><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><style type="text/css"><br /><!--<br />body {<br />background-color: #000000 !important;<br />background-image: url(http://img.photobucket.com/albums/v488/blood_lust24/Backgrounds/a62516bd.jpg) !important;<br />background-repeat: repeat !important;<br />background-attachment: fixed !important;<br />}<br />--><br /></style><br /><style><br />body, td, font, div, p {<br />font-family: "Book Antiqua", "Bookman Old Style", "Times New Roman", sans-serif;<br />font-size: 9pt;<br />}<br />.updatetext{<br />display:none;<br />}<br />.recenttext{<br />display:none;<br />}<br />.friendstext{<br />display:none;<br />}<br />.calendartext{<br />display:none;<br />}<br /></style><br /><style><br />table { <br />width: 50%; <br />margin-left: 20%; <br />margin-right: 20%; <br />}<br />table table { <br />width: 100%; <br />margin:0; <br />} <br />table table table { <br />width: auto; <br />} <br /></style><br /><style type="text/css"><br /><!--<br />a:hover {<br />cursor: help;<br />}<br />--><br /></style><br /><style type="text/css"><br /><!--<br />body {<br />cursor: crosshair;<br />}<br />--><br /></style><br /><style><br />A:hover {<br />TEXT-DECORATION: line-through;<br />}<br /></style><br /><style TYPE="text/css"> <br />BODY, HTML{ <br />border-width: 70; <br />border-color: #000000; <br />} <br /></STYLE><br /><style>BODY, HTML {<br />scrollbar-face-color: black; <br />scrollbar-shadow-color: 999999;<br />scrollbar-highlight-color: black; <br />scrollbar-3dlight-color: 999999;<br />scrollbar-darkshadow-color:black; <br />scrollbar-track-color: black;<br />scrollbar-arrow-color: 999999;<br />}<br /></style><br /><style type="text/css"><br /><!--<br />tr.caption{display:none}<br />--><br /></style> <br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {visibility: hidden}<br />table table table table table .meta {visibility: visible}<br />--><br /></style><br /><img src="http://img.photobucket.com/albums/v488/blood_lust24/577f87cc.jpg" usemap="#Graveyard" alt="" style="border-style:none" /><br /><map id="Graveyard" name="Graveyard"><br /><area shape="rect"#Information<br /> coords="263,112,332,280" href="http://www.livejournal.com/userinfo.bml?user=__pandem0nium_" title="Information" /><br /><area shape="rect"#Calendar<br /> coords="103,182,202,281" href="http://www.livejournal.com/users/__pandem0nium_/calendar" title="Calendar" /><br /><area shape="rect"#Friends<br /> coords="120,33,218,165" href="http://www.livejournal.com/users/__pandem0nium_/friendshttp://www.livejournal.com/users/__pandem0nium_/friends" title="Friends" /><br /><area shape="rect"#Website<br /> coords="52,26,116,156" href="http://www.thecybercrypt.tk" title="Website" /><br /><area shape="default" nohref="nohref" alt="" /><br /></map><br /><=LASTN_WEBSITE<br /><!-- end code provided by createblog.com -->

Once I copy insert the code & press submit, the image map does not show up.
Nothing shows up really. Click here to see my LJ.

So if anybody can clue me into what's wrong, & how to fix my code to make the image map work, I'll be forever indebted to you.

Thank you. =)

[coconutter]

You can't image map? Try doing it with some kind of other service instead of trying it from stratch

http://www.pcoward.com/imagemapper/stage1.asp