Log In · Register

 

Help Topic Rules and Requirements


For a list of all requirements and guidelines pertaining to posting a new Help topic, please click here.

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | Big Book of Resources

Submission Guidelines

 
Reply to this topicStart new topic
Why doesn't my layout work?
MajinShenron
post Jul 13 2010, 02:19 PM
Post #1


Member
**

Group: Member
Posts: 13
Joined: Jul 2008
Member No: 670,969



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
post Jul 16 2010, 07:43 PM
Post #2


Member
**

Group: Member
Posts: 13
Joined: Jul 2008
Member No: 670,969



Errr. Image fixed. Now that its functioning again, would you be able to help me? I would really appreciate it.
 
Mickey
post Jul 17 2010, 03:44 AM
Post #3


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



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.
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: