image map, this is HARD Options

[iheartsimba]

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

<!-- begin code provided by createblog.com -->

<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">

<!-- end code provided by createblog.com -->

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]

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

[SteveZz]

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

[inn0centmarianne]

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]

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

[mystical]

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]

i used paint shop pro8

[iheartsimba]

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

TOP RIGHT,TOP RIGHT,BOTTOM LEFT,BOTTOM LEFT

?

[aZNbLUMUNKEEbUTT]

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

[waccoon]

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]

Your coordinates are fine but your code is messed up:

CODE

<!-- begin code provided by createblog.com -->

<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">

<!-- end code provided by createblog.com -->

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

[mai_z]

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]

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.