image mapping problem, the mapping is not wroking again Options

[lilangryaznangel]

Hi! I am having some trouble with my imagemapping...i have done all the mapping and i put it in my site..the problem is that when i hover over private, it doent show what i put for it and when i click on it nothing happens. here a link if you need a more clear explination= Xanga

here is the code...if you can figure out whats wrong...

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><IMG SRC="http://img.photobucket.com/albums/v675/lilcantoneseangel/Xanga%20Layouts/GotRicecopy.jpg" USEMAP="#Xanga" WIDTH=720 HEIGHT=540 BORDER=0 USEMAP="#USE MAP GO HERE"><br /><MAP NAME="Xanga"><br /><AREA SHAPE=RECT COORDS="8,8,128,44" HREF="http://www.xanga.com" TARGET="_self" ALT="Homepage"><br /><AREA SHAPE=RECT COORDS="231,9,332,42" HREF="http://www.xanga.com/claf" TARGET="_self" ALT="Edit Me!"><br /><AREA SHAPE=RECT COORDS="8,56,138,85" HREF="http://www.xanga.com/private/home.aspx" TARGET="_self" ALT="For My Eyes Only"><br /><AREA SHAPE=RECT COORDS="210,54,334,87" HREF="http://www.xanga.com/signin.aspx" TARGET="_self" ALT="Heylo"><br /><AREA SHAPE=RECT COORDS="5,98,143,130" HREF="http://www.xanga.com/Private/subscribeTo.aspx?user=XANGAUSER" TARGET="_self" ALT="Want to be my friend?"><br /><AREA SHAPE=RECT COORDS="194,100,332,133" HREF="http://www.xanga.com/logout.aspx" TARGET="_self" ALT="Bye Bye"><br /><AREA SHAPE=RECT COORDS="50,144,296,174" HREF="http://www.xanga.com/Private/subs.aspx" TARGET="_self" ALT="My Xanga Friends!"><br /><AREA SHAPE=RECT COORDS="33,244,49,362" HREF="http://www.xanga.com/lilangryaznangel" TARGET="_self" ALT="Meet Thy Maker!"><br /></MAP><br /><DIV style="margin-top: -115px; margin-left: -10px; padding-bottom: 0px"><br /><style type="text/css"><br />/* Got Rice? - lilangryaznagel*/<br />body <br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:10px arial; color: #ffffff; text-align:justify;}<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:#8;<br />line-height:#8;<br />font-weight:normal;<br />color:##000000;<br />letter-spacing:2px;<br />background-color:#00000;<br />text-align:center;<br />border:1px solid #00000;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #000000;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #1 solid #000000;<br />font:normal #8 Arial;<br />background-color: #000000;<br />font-color:#FFFFF;}<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: #ffffff;<br />font: bold #8 Arial;<br />text-transform: none;<br />text-align:center;<br />border: #000000 #8 solid;}<br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#000000;<br />BORDER: #000000 #8 solid;}<br />font,td,p,xmp<br />{color:#000000;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#8;<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: #000000 #1 solid;<br />width:321px;}<br />a:link<br />{line-height: #8; <br />font-family: arial;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:#8; <br />cursor:crosshair;}<br />a:active<br />{font-family: arial; <br />color:#C0r423; <br />text-transform:none;<br />font-size:#8; <br />cursor:crosshair;}<br />a:visited<br />{font-family: arial; <br />color:#c8e6k4; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br />A:hover {font-family:arial;<br />color:#00000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}<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 /></style><br /><br /><div style="overflow: auto; width: 346px; height: 430px; margin-top: -518px; margin-left: 318px; align=left; class=blogspace;"><br /><!-- begin code provided by createblog.com --><br /><style type='text/css'><br />.mainleft { display:none; }<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[talcumpowder]

Your problem was you were defining two maps for the image to use, and it confused the browser.... I think. I dunno, that seemed to be the problem for me.