I'm having trouble figuring out the code. I'm still messing around with it so I know it's not right,but if you could help that'd be great. So heres the code ,and the page I'm using it on...

<center><img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbartop2.png>

<img src="http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbarbottom2.png" usemap="#mymap" width="700" height="50">


<map name="mymap">
<area shape="rect" coords="0,0,100,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="0,50,50,100" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="200,200,300,300" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="300,300,400,400" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="400,400,500,500" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="500,500,600,600" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
</map>
</center>

http://home.neopets.com/templates/homepage.phtml?pet_name=Slithy_Serpent

I'm not good at coordinates, I just have to keep trying and guessing again. However, if you have a graphics program, they can automatically make an image map for you. You can get Photoplus for free online. I could also make you one maybe later. I'm on a different computer now, but I might be able to help later.

So would you use the same image to make the map?and sure ummmm do you have a neopets account so you could tell me when your on or email,my neopets account is carrtoondragon if you do

try this...

<area shape="rect" coords="0,0,100,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="100,0,200,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="200,0,300,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="300,0,400,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="400,0,500,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="500,0,600,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="600,0,700,50" href="value here">

(and fix the spaces added in automatically in the USER values. darn forum).

K thx I'll try it

It didn't work,this is what I used...


<center><img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbartop2.png>

<img src="img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbarbottom2.png" usemap="#mymap" width="700" height="50">

<map name="mymap">
<area shape="rect" coords="0,0,100,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="100,0,200,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="200,0,300,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="300,0,400,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="400,0,500,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="500,0,600,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="600,0,700,50" href="www.neopets.com">
</map>
</center>

It didn't work,this is what I used...


<center><img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbartop2.png>

<img src="img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbarbottom2.png" usemap="#mymap" width="700" height="50">

<map name="mymap">
<area shape="rect" coords="0,0,100,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="100,0,200,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="200,0,300,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="300,0,400,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="400,0,500,50" href="http://www.neopets.com/randomfriend.phtml?user=parrot4a">
<area shape="rect" coords="500,0,600,50" href="http://www.neopets.com/randomfriend.phtml?user=carrtoondragon">
<area shape="rect" coords="600,0,700,50" href="www.neopets.com">
</map>
</center>

Use just this for your image code
<center>
<img src="http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbarbottom2.png" usemap="#mymap" width="700" height="50">

It didn't work,this is what I used...


<center><img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbartop2.png>

<img src="img src=http://img.photobucket.com/albums/v509/carrtoondragon/Guildtopbarbottom2.png" usemap="#mymap" width="700" height="50">



i don't think you quiet understand what an image map really is. It's just a transparent "hotlinking" layer on top of the image, not a whole seperate image.

try kittycats suggestion and that'll fix it :)

Love,
MIrna