Log In · Register

 
Links Are Not Working On Div Layout, Links are not working on div layout on artist profile
inspired78
post Dec 11 2007, 10:48 AM
Post #1


Member
**

Group: Member
Posts: 10
Joined: Nov 2007
Member No: 592,930



Hi peeps,

I've been going through the div layout etc tutorials but i'm still having this problem:
Whenever I try to get part of my image to be a link, it doesn't work. I'm have an Artist Profile. I use the right code:
<area shape="rect" alt="" coords="301,185,381,220" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">

But it still doesn't work!! Any ideas on what I can do?
(actually, the code above makes the link work in firefox but not internet explorer...and the link hit area covers the whole div image!!) ermm.gif

Also, the div layout looks fine in Internet Explorer but not Firefox! any help on this too?

Here's the code:

<img border="0" src="http://img262.imageshack.us/img262/571/myspacelayoutcropped3imgr2.png" width="700" height="600" usemap="Myspace_Layout___cropped3_Map">

<span class="text"><style type="text/css">
body{background-color:1D0D12;border-color:E4D5BA;border-width:6px;border-style:solid;overflow:auto;scrollbar-face-color:1D0D12;scrollbar-3dlight-color:A48F80;scrollbar-shadow-color:A48F80;scrollbar-track-color:1D0D12;scrollbar-darkshadow-color:A48F80;scrollbar-arrow-color:E4D5BA;scrollbar-highlight-color:A48F80;}

div div select, div div form {display:visible !important;}
select { filter:alpha(opacity=0); }
.ftd {Moves the entire profile up - hey hey hey goodbye}
body table {margin-top:-50000px;}

.ftd {Keeps the ad, search form, and navigation links in place}
body td table, body div table {margin-top: 0;}

.ftd {Makes the table the ad, search form and nav links are on transparent}
table, tr, td {background-color:transparent;}

.ftd {Removes the search form}
body div table form{display:none;}

.ftd {For comment boxes to display}
body table div form{display:block;}

.ftd {Hides the dividers in between the nav links}
div table td font {visibility:hidden; }

a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; }
a.navbar:hover { color:000000; }

.navbar {visibility:visible !important;}


</style>
</style></span>
</td>
</tr>
<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap: break-word">
<span class="orangetext15">
Who I'd like to meet:</span><br/>
<span class="text"><div class="jolie" style="position: absolute; left:150px; top:195px; width:1000px; height:600px; overflow:hidden;">

<div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="layer1">



<map name="Myspace_Layout___cropped3_Map">

<area shape="rect" alt="" coords="168,228,252,264" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area shape="rect" alt="" coords="301,185,381,220" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area shape="rect" alt="" coords="168,183,267,217" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area shape="rect" alt="" coords="154,268,207,287" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area alt="add to friends" coords="0,0,699,591" shape="rect" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
</map>

<img border="0" src="http://img262.imageshack.us/img262/571/myspacelayoutcropped3imgr2.png" width="700" height="600" usemap="Myspace_Layout___cropped3_Map"></div>

<div style="position: absolute; left: 500px; top: 106px; width: 200px; height: 401px; z-index: 2; overflow:auto;scrollbar-face-color:1D0D12;scrollbar-3dlight-color:A48F80;scrollbar-shadow-color:A48F80;scrollbar-track-color:1D0D12;scrollbar-darkshadow-color:A48F80;scrollbar-arrow-color:A48F80;scrollbar-highlight-color:A48F80; id="layer2">

Any help??? blink.gif
 

Posts in this topic
inspired78   Links Are Not Working On Div Layout   Dec 11 2007, 10:48 AM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: