Page is a not externally linkable
- Code, Content, and Presentation
-- HTML
---- How to map an image with a search bar in it


tangor - 9:02 am on Jan 10, 2011 (gmt 0)


You should look up "image map" to find out how to mark the sections and activate them in HTML code. Pretty straight forward when working with rectangular codes. Looks something like this:

<map name="bookmap-1">
<area shape="rect" alt="B" coords="0,0,56,100" href="b.html" title="B">
<area shape="rect" alt="T" coords="56,2,111,100" href="a.html" title="T">
<area shape="rect" alt="M" coords="113,2,169,100" href="m.html" title="M">
<area shape="rect" alt="P" coords="170,0,222,100" href="p.html" title="P">
<area shape="rect" alt="V" coords="224,0,281,100" href="v.html" title="V">
<area shape="rect" alt="W" coords="283,0,335,98" href="w.html" title="W">
<area shape="rect" alt="U" coords="336,0,391,100" href="u.html" title="U">
<area shape="rect" alt="C" coords="393,0,447,100" href="c.html" title="C">
<area shape="rect" alt="P" coords="448,0,499,99" href="p.html" title="P">
<area shape="default" nohref>
</map>


From one of my sites using image maps... deleted all "info" so if there are dupes/oddities, apologies.


Thread source:: http://www.webmasterworld.com/html/4250360.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com