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 -->

[Pulchritude]

try this then

<!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v675/lilcantoneseangel/Xanga%20Layouts/GotRicecopy.jpg" width="720" height="540" border="0" alt="" usemap="#Xanga"><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 /><br /><br /><br /><!-- end code provided by createblog.com -->

[talcumpowder]

Hm... Try this, and if that doesn't work I suggest you map the whole thing over in a freeware prog like GeoHTML.

<!-- 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><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 /><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 /><!-- end code provided by createblog.com -->

[gOODpIRATE]

hum...this one is a bit tricky.

when i first started making skins, i sort of ran across a similar problem. a way to fix it is by going back, and RE-MAPPING it. i know that that might take up too much time, but if you have some extra time, you might want to. i looked at the code you had here, and i cant see where you went wrong. or you can wait for more people to reply, and see what they have to say about it.

good luck, the skin looks great so far

[lilangryaznangel]

thank you so much! You got it to be working correctly again....Thank you SOOOO Much!!!...=D

[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.

[sherryvu]

thank you so much! You got it to be working correctly again....Thank you SOOOO Much!!!...=D

Problem solved

[ closed ]