Links Are Not Working On Div Layout, Links are not working on div layout on artist profile |
Links Are Not Working On Div Layout, Links are not working on div layout on artist profile |
![]()
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!!) ![]() 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??? ![]() |
|
|
![]() ![]() |