Skip to the content

(E-F) Image Maps

Image Maps

There are two types of image maps; client-side image maps and server-side image maps.

Server-side image maps

Server-side image maps should be completely avoided. They can be identified when the attribute "ISMAP" is found.

Example:
<a href= "wwwnav.map">
  <img src="navbar.gif" border="0" ismap="ismap"
    alt="Imagemap">
</a>

Client-side image maps

Client-side image maps are acceptable. Creating a basic client-side image map requires several steps:

The following HTML demonstrates how to make a client-side image map:

<img src="navbar.gif" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="0,2,64,19" href="general.html" alt="information about us">
<area shape="rect" coords="65,2,166,20" href="jobs.html" alt="job opportunities">
<area shape="rect" coords="167,2,212,19" href="faq.html" alt="Frequently Asked Questions">
<area shape="rect" coords="214,2,318,21" href="location.html" alt="How to find us">
<area shape="rect" coords="319,2,399,23" href="contact.html" alt="How to contact us">
</map>
 
Top

5151 State University Drive . Los Angeles . CA 90032 . (323) 343-3000
2014 Trustees of the California State University

Last Update: 09/25/2012