Image Map Problem =[ Options

[rayyyy]

Okay I have the code to my layout and the image mapping code.

CODE

<html>
<head>
<title>my_layout1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (my_layout1.psd) -->
<table id="Table_01" width="700" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_01.gif" width="700" height="12" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_02.gif" width="34" height="65" alt=""></td>
<td colspan="4">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" target="_self">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/Untitled-1_03.gif" width="78" height="36" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_04.gif" width="588" height="65" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_05.gif" width="78" height="2" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_06.gif" width="10" height="27" alt=""></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...=11184767" target="_self">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/Untitled-1_07.gif" width="61" height="27" border="0" alt=""></a></td>
<td colspan="2">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_08.gif" width="7" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_09.gif" width="12" height="523" alt=""></td>
<td colspan="6">
<a href=" http://mail.myspace.com/index.cfm?fuseacti...=11184767" target="_self">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/Untitled-1_10.gif" width="122" height="22" border="0" alt=""></a></td>
<td rowspan="6">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_11.gif" width="566" height="523" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_12.gif" width="122" height="9" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_13.gif" width="22" height="492" alt=""></td>
<td colspan="2">
<a href=" http://viewmorepics.myspace.com/index.cfm?...=11184767" target="_self">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/Untitled-1_14.gif" width="71" height="28" border="0" alt=""></a></td>
<td colspan="3">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_15.gif" width="29" height="28" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href=" http://blog.myspace.com/index.cfm?fuseacti...=11184767" target="_self">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/Untitled-1_16.gif" width="74" height="28" border="0" alt=""></a></td>
<td colspan="2">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_17.gifimages/my_layout1_17.gif" width="26" height="28" alt=""></td>
</tr>
<tr>
<td colspan="4">
<a href=" http://collect.myspace.com/index.cfm?fusea...=11184767" target="_self">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/Untitled-1_18.gif" width="78" height="29" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_19.gif" width="22" height="436" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/Image%20Maps/My%20Layout/my_layout1_20.gif" width="78" height="407" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="566" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

thats the image map code. where would i put that in my layout. do you want my layout code to?

[digitalfragrance]

Your layout code would be handy so we could show you where it is supposed to go. You'll want to remove the <HTML>, <HEAD>, <TITLE>, and <BODY> related tags.

You could place this inside a DIV layer and then use the margin values of "left" and "top" to position it.

[rayyyy]

Okay here is my layout code. sorry its long. haha i was too lazy to delete all the stuff i didnt need

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}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height: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: 2d1e55;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: 2d1e55;
scrollbar-shadow-color: ffffff;
scrollbar-face-color: 2d1e55;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

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

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

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

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

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: lowercase; }

</style>

<div class="bg" style="position: absolute; left:280px; top:200px; width:700px; height:600px; overflow: hidden;">
<img src="http://i12.photobucket.com/albums/a208/Rachel_891/my_layout1copy.jpg">
</div>

<div class="content" style="position: absolute; left:495px; top:500px; width:126px; height:245px; overflow: auto;"><center>


</div>

<div class="content" style="position: absolute; left:680px; top:450px; width:273px; height:145px; overflow: auto;"><center>
</div>

<div class="content" style="position: absolute; left:680px; top:650px; width:191px; height:106px; overflow: auto;"><center>
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:211px; height:62px; overflow: auto;"><center>

</div>

[rayyyy]

anyone???