Help with image mapping?, Can't get the links to work.. Options

[lefevreissweet]

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style type=text/css>

body {
background-color: C0C0C0;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 8px small fonts; color:000000; font-weight:none; border:0px; text-transform: none; line-height:9px;}

{class for the basic font for the page}
.text {font:normal 8px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:8px;}

{bolded words}
.standard b, p b, B, strong {
font-family:small fonts; font-size:8px; color:000000; font-weight:bold;border:0px;}


.navigation {
width:900px;
height:254px;
overflow-x:hidden;
position:absolute; z-index:2;
background-color:transparent;
border:0px solid;
border-color:white;
margin-left:55px;
margin-top:250px;
text-align:justify;
visibility:visible;
}

</style>
<style>

* html td td object, td td embed {
width:300px; height:55px; position:absolute; left:350px;
top:1px; margin-left:1px; }

</style>
<style type="text/css">div[id="mini"] embed {width:1px;height:1px;position:absolute;top:1px;left:1px;}</style>


<div class="bg" style="position: absolute; left:55px; top:250px; width:900px; height:254px; overflow: hidden;">
<img src="http://i31.tinypic.com/t85euq.jpg">
</div>


<div class="content" style="position: absolute; left:340px; top:335px; width:305px; height:105px; overflow: auto;"><center>
<u>Monday, June 30, 2008.</U><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlJmZyaWVuZGlkPTM0NzkyNzc2NCZNeVRva2VuPWEzNjJm
jUzLWUxZDYtNDczMC1hMjgyLTlkNTY1ZGZmMmMyNQ=="><b>Jamie</b></a> image mapped this beautiful div for meh :)<br><br>
<u>Day, Month Date, Year.</u><br>
blah blah blah blha blah I'm cool!<Br><br>
<u>Day, Month Date, Year.</u><br>
blah blah blah blha blah I'm cool!<Br><br>
<u>Day, Month Date, Year.</u><br>
blah blah blah blha blah I'm cool!<Br><br>
<u>Day, Month Date, Year.</u><br>
blah blah blah blha blah I'm cool!<Br><br>
<u>Day, Month Date, Year.</u><br>
blah blah blah blha blah I'm cool!<Br><br></center>
</div>


<div class="navigation">
<map name="navibar_Map">

<area shape="rect" alt="Home" coords="286,245,316,254" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">

<area shape="rect" alt="Comment" coords="319,245,369,254" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTM1OTQ3NDI0MCZN
VRva2VuPTY0MjJlOWE0LWQzYTEtNGQyNy1hZDU1LWIwYWY3NzFkYTA2YQ==">

<area shape="rect" alt="Message" coords="372,245,422,254" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zNTk0NzQyNDA=">

<area shape="rect" alt="Support" coords="424,245,475,254" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MzU5NDc0MjQwJmJsb2dJRD00MDg4Mzc0MDImTXl0
2tlbj03MUNGMUNEQy05QTVBLTQ1NjEtOTQxNUExNUM0ODVDQTVEMDE5MTIzNjAzMw==">

<area shape="rect" alt="Pictures" coords="477,245,475,254" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zNTk0NzQyNDA=">

<area shape="rect" alt="Delete" coords="531,245,529,254" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmNvbmZpcm1kZWxldGVmcmllbmQmZnJpZW5kSUQ9MzU5NDc0MjQw">

<area shape="rect" alt="Block" coords="569,245,606,254" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcmlkPTM1OTQ3NDI0MA==">

<area shape="rect" alt="Everything" coords="319,200,590,240" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLnZpZXcmZnJpZW5kSUQ9MzU5NDc0MjQwJmJsb2dJRD0zODkzNjM3ODMmTXl0
2tlbj0xRTU2Qzk1Ri0zNzI3LTQ5Q0EtQjJDRjYxRUU4RTY0NDg1ODEwMjc3Mzg2OA==">
</map>
</div>

Basically, My friend asked me to help her out with the image mapping on her "fansite". I get to this point, everything's showing, but my links won't work.

My guess is I skipped over something simple. :)
Any help from you wonderful people is appreciated!

[Melissa]

In your image tag (the one where you want to use the map), you need to put:

CODE

USEMAP="#navibar_Map"

[lefevreissweet]

In your image tag (the one where you want to use the map), you need to put:

CODE

USEMAP="#navibar_Map"

thanks!

[lefevreissweet]

by the way, sorry for not posting under myspace support.. wasn't paying attention.