image mapping
learn to link from different parts of a picture
You will use the following code as a starting point, just go from there!<img src="IMGSRCHERE" border=0 usemap="#NAMEHERE"> <map name="NAMEHERE">
<area shape="rect" coords="0,0,0,0" href="LINKHERE">
</map>
1. First of all, replace the IMGSRCHERE with your image code. 2. Replace NAMEHERE in both places with the SAME name. Maybe your site name, or the image name that your coding, it doesn't matter as long as they're the same and you don't leave out the # in the img src tag. ;) 3. Replace the LINKHERE with your links. Just start off with one for now. Now you must replace the coords=0,0,0,0 with actual coordinates. To find the right coordinates, we will open the image in paint. 4. Open the picture you would like to imagemap in paint. Here is mine. 5. Click the select icon, like so, so it's easier to find the right point to imagemap. :) 6. Hover over your image, and you'll notice two numbers in the bottom right corner. 7. Hover over the top left corner of what ever you want to image map. In this case, I will be doing the word "Tutorials". So as I hover over the image I get the coordinates 293, 18! Those numbers replace the first two 0's in the sequence. 8. The last two 0's should be replaced by the coordinates of the bottom left, which in "Tutorial"'s case would be 389, 48. >Click here for some green highlighted pinpoints. So this is how mine looks/works:
