Why doesn't my layout work? Options

[MajinShenron]

http://www.myspace.com/weaponxrp

If you visit it, it will look like its complete. But the problem is, the links aren't clickable. Here is my layout, can someone tell me what could be wrong?

About me:

CODE

<style>
table table div form {display:inline !important;}
.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:white}
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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:white; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
.profile, div ul {display:none !important;}</style>

<style typle="text/css">

.div{
position: absolute;
left: 50%;
margin-left:-576px;
top: 0px;
z-index: 0;}

.one{
position: absolute;
left: 50%;
margin-left:0px;
top: 0px;
z-index:5;
width: 0px;
height: 0px;
overflow: auto;}

.two{
position: absolute;
left: 50%;
margin-left:0px;
top: 0px;
z-index:5;
width: 0px;
height: 0px;
overflow: auto;}</style>


<style>body
{background-color:white;}
</style>

I'd like to meet:

CODE

<div class="div">
<img src="http://www.image-maps.com/uploaded_files/2201007111902134_comicrp.jpg">

<div class="two">

<map id="_Image-Maps_2201007111902134" name="Image-Maps_2201007111902134">
<area shape="rect" coords="125,404,212,432" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="" title="" />
<area shape="rect" coords="255,404,314,432" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=207285668" alt="" title="" />
<area shape="rect" coords="381,402,488,433" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=207285668" alt="" title="" />
<area shape="rect" coords="545,402,661,433" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987867" alt="" title="" />
<area shape="rect" coords="758,399,846,435" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987892" alt="" title="" />
<area shape="rect" coords="905,400,1040,432" href="http://blogs.myspace.com/index.cfm?fuseaction=blog.view&friendId=207285668&blogId=536987905" alt="" title="" />
<area shape="rect" coords="1150,934,1152,936" href="http://www.image-maps.com/index.php?aff=mapped_users_2201007111902134" alt="Image Map" title="Image Map" />
</map></div>
<!-- Image map text links - End - -->
</div>

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[MajinShenron]

Errr. Image fixed. Now that its functioning again, would you be able to help me? I would really appreciate it.

[Mickey]

I don't really recommend image mapping anymore. Not with MySpace. Try positioning blank GIF links over the designated spots like this:

CODE

<a href="URL" style="position: absolute; top: #px; left: 50%; margin-left: #px;"><img src="http://x.myspacecdn.com/modules/common/static/img/header/spacer.gif" style="height: #px; width: #px; border: 0px;" alt="" /></a>

Replace URL with the appropriate web address, the top and margin-left values for positioning and the height and width values for sizing.