Jump to content

coordiates and coding


Kute

Recommended Posts

Hi all. Im trying to make custom links for my gallery. I already have a layout I just am having trouble with plotting coordiates for the links. I'm using a coordinate program for a rectangle...  i guess i dont really understand.. because when i plug them into the coding it doest go where I want it to..

 

 
<area shape="Rect" Coords="0,121,24,128" Href="/myaccount.phtml">
 
that is just an example ^ of what im working with

 

can anyone explain to me how to do this? I'm kinda just self teaching and messing around with no luck.  there must be something im missing

Link to comment
Share on other sites

For yours, you might want something like

 

<img src="yourimage" alt="Links" usemap="#linkmap" />

<map name="linkmap">
  <area shape="rect" coords="418,88,417,54" alt="account" href="/myaccount.phtml">
  <area shape="rect"coords="418,88,417,54" alt="link2" href="link2url">
  <area shape="rect" coords="418,88,417,54" alt="link3" href=link3url">
</map>
 
The hardest part is finding the coordinates, because you're working with tiny pixels. This site might help. You upload your image, then click the top left corner and bottom right corner of your rectangle and it will plot the coordinates for you.
Link to comment
Share on other sites

Image maps used to give me a problem a while ago until I figured out how to do them. If you're still having problems after trying what Emily said and the page she linked too, let me know and I can get the code done up for you. Ages ago I downloaded a program to do such things, not sure where but it was for Mac only. Just send me a PM if you'd like my help and I'll give you my email. Also you can look at the pet pages from my buttons in my signature to see how the coding is done if you like.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...