Another way to make your U.S. map interactive with links is by using an HTML 'Map' and 'Area' structure. Simply create a table with the same dimensions as your pic and set the pic as the background. Then include a 'name' for your table (ex: name="map_nav") inline with the <table> tag (ex: <table name="map_nav">). After that, you simply add the following tag structure into your body and tweak it so that the links shown point to the appropriate pages and are located over their respective states via setting the coordinates.
<map name="map_nav">
<area alt="About Us" coords="58,15,211,40" href=" http://www.example.com/aboutus.html">
<area alt="Our Services" coords="58,46,212,70" href= http://www.example.com/ourservices.html>
<area alt="Contact Us" coords="56,74,211,100" href=" http://www.example.com/contactus.html">
</map>
I forget which is which, but I believe two of the numbers in the above coordinates are the height and width of the link's hit area. The other two are distances from the left and top, respectively. It'll take time for you to set everything properly, but don't rush it. Just keep trying to get it as close as you can. Your visitors will appreciate the effort, even if they don't realize it.
Post back if you have any problems...
Good luck,
The Lion.
< removed >
Last edited by chrishirst : 01-11-2008 at 02:44 PM.
Reason: self promotional text removed
|