Mapping Myspace Options

[Imperious]

I have been trying to map a top banner for myspace. It works fine in Firefox but having a major headache with IE. I've tried various things people have suggested and nothing seems to work for me.

Here is the code...

CODE

<img src="http://bmconcepts.net/bmcmyspace/gauge/topbanner.jpg" border="0" usemap="#topbanner">
<map name="topbanner">
<area shape="rect" coords="400,327,505,359" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=44276772" target="" alt="add">
<area shape="rect" coords="399,367,542,402" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=44276772&MyToken=6e21443f-0ab5-42af-b7bc-43e13d0ba672" target="" alt="message">
<area shape="rect" coords="400,409,607,447" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=44276772" target="" alt="pics">
<area shape="rect" coords="400,455,567,490" href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=44276772&n=44276772&MyToken=6e21443f-0ab5-42af-b7bc-43e13d0ba672" target="" alt="vids">
</map>

Not sure what it is I'm doing wrong it all seems alright to me lol.

[Imperious]

Ok, No need for help on this topic I've just used a server side image map instead of client side. It seems that myspace has disabled the "#" in coding so the client side one will not work in IE. I will explain what I have done so this may help others in the future.

ok I have typed this out in a plain notepad.

CODE

default http://www.myspace.com/blahblah
rect http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=44276772  400,327 505,359
rect http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=44276772&MyToken=6e21443f-0ab5-42af-b7bc-43e13d0ba672 399,367 542,402
rect http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=44276772 400,409 607,447
rect http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=44276772&n=44276772&MyToken=6e21443f-0ab5-42af-b7bc-43e13d0ba672 400,455 567,490

The default is the default link for when someone clicks outside of the mapped cords. For myspace I have used the URL of the myspace page the image map is to be used on.

The rect is of course the shape of the mapped area's. (rect for rectangle)
(space)
Then the link for the mapped area.
(space)
Then the cords, (for a rectangle they go in this order)
(space)
X1,Y1 X2,Y2

Note that between the X1,Y1 and X2,Y2 there is a space not a comma.

Once you have this all in notepad you can save it as a .map file.

Upload to your host I put mine in cgi-bin, seemed the logical place to store a file of this type.

Once you have the map file uploaded this is the code you will use on your actually myspace profile.

CODE

<a href="http://your-url/cgi-bin/mapname.map"><img src="IMAGE URL" ismap border="0"></a>

That will link your image with your uploaded map file.
Now if you want to use both Client Side and Server Side maps you can use this code.

CODE

<a href="http://your-url/cgi-bin/mapname.map"><img src="IMAGE URL" ismap usemap="map name" border="0"></a>

And that will use both maps at the same time depending on what browser you are viewing the page with.

I hope I explained this clearly enough and hope it helps someone in the future.

[MissHygienic]

Thank you, Imperious, for taking the time to type out your solution. I'm sure many others will gain valuable knowledge from this.

I'll close this topic, and move it to MySpace Resolved Topics so that others may see. If you'd like it reopened, just message me.