Forums > image map

iheartsimba

May 3 2004, 08:28 PM

ok...so I'm not quite understanding...but I'm doing my best....

Ok, so I put my cursor at the top right hand corner of the "Sign In" link.
At the top left, the coordinites said this: 85, 29
Then I put my cursor at the bottom irght of it and it said this : 161, 44

So I took the html:

CODE

<img name="img" src="img"border="0" usemap="#img" alt="">
<map name="m_img">
<area shape="rect" coords="85,29,161,44" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
</map>

<div style="width: 0px;
padding-left: [x] px; padding-right: 0px; padding-top: [x] px;position:static; margin-top:-500px">
<div align=left><div style="background:transparent; border=0px solid #000000; width: [x] px; height: [x] px; BACKGROUND:transparent; FILTER: alpha(opacity=50); overflow:auto">

In the coordinates for my first link I put:
"85,29,161,44"

Yet.....my image map does still not work!

What am I doing wrong?

aznhybriddragon

May 3 2004, 09:02 PM

try giving a link to your image or attach the image or something like that.

SteveZz

May 3 2004, 09:07 PM

It's top right bottom left not top left bottom right.

inn0centmarianne

May 4 2004, 02:53 PM

QUOTE(SteveZz @ May 3 2004, 9:07 PM)

It's top right bottom left not top left bottom right.

yup, steve is right, I noticed that when I saw your coordinates, use the lower left first, then the top right... then it should work properly.

d3v1l1ci0us

May 4 2004, 05:20 PM

um does anyone know how to get photo shop? is it sum kinda program u have to buy in a cd or sumthin?

mystical

May 4 2004, 05:24 PM

QUOTE(d3v1l1ci0us @ May 4 2004, 3:20 PM)

um does anyone know how to get photo shop? is it sum kinda program u have to buy in a cd or sumthin?

Yeah, Photoshop you have to buy or (i wouldn't suggest it) download of kazaa

iheartsimba

May 4 2004, 06:08 PM

i used paint shop pro8

iheartsimba

May 4 2004, 06:14 PM

in the code, do I put that area like this:

TOP RIGHT,TOP RIGHT,BOTTOM LEFT,BOTTOM LEFT

?

aZNbLUMUNKEEbUTT

May 7 2004, 11:25 PM

nd it still didnt work?? .. try putting bottom left first nd den top right

waccoon

May 7 2004, 11:31 PM

QUOTE(iheartsimba @ May 4 2004, 7:14 PM)

in the code, do I put that area like this:

TOP RIGHT,TOP RIGHT,BOTTOM LEFT,BOTTOM LEFT

?

bottom left x axis, bottom left y axis, top right x axis, top right y axis

DrNick311

May 8 2004, 07:40 AM

Your coordinates are fine but your code is messed up:

CODE

<img name="img" src="img"border="0" usemap="#img" alt="">
<map name="m_img">
<area shape="rect" coords="85,29,161,44" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
<area shape="rect" coords="000,000,000,000" href="#" title="" alt="" >
</map>

<div style="width: 0px;
padding-left: [x] px; padding-right: 0px; padding-top: [x] px;position:static; margin-top:-500px">
<div align=left><div style="background:transparent; border=0px solid #000000; width: [x] px; height: [x] px; BACKGROUND:transparent; FILTER: alpha(opacity=50); overflow:auto">

See where it says "<map name="m_img">?" It's supposed to be "<map name="img">."

mai_z

May 14 2004, 06:06 PM

buy photoshop at your local bestbuy, or computer store....

i suggest getting your hands on a copy of imageready (comes with photoshop) makes image mapping Soooooo much easier

juliar

May 14 2004, 06:37 PM

QUOTE(iheartsimba @ May 4 2004, 6:14 PM)

in the code, do I put that area like this:

TOP RIGHT,TOP RIGHT,BOTTOM LEFT,BOTTOM LEFT

?

Bottom left coords, then top right coords.
If you want me to coord it for you, ill be happy to help.