Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations biv343 on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Mapping problem !!!!!

Status
Not open for further replies.

paragvshah

Programmer
Jan 11, 2001
109
IN
Hi Friends,

I am having a problem which i have set as background & i want to do mapping on some part of it but the problem is it is doing mapping in the editor (i.e. Dreamweaver 3.0) but in browser it doesn't show the mapping area.

The source code is this :

<body bgcolor=&quot;#FFFF99&quot;>
<map name=&quot;Map3&quot;> <area shape=&quot;poly&quot; coords=&quot;360,1&quot; href=&quot;#&quot;> <area shape=&quot;poly&quot; coords=&quot;394,1,396,47,392,68,394,90,402,90,409,44,412,28,419,1&quot; href=&quot;abc.cfm&quot; alt=&quot;Skin Problems&quot; title=&quot;Skin Problems&quot;>
<area shape=&quot;poly&quot; coords=&quot;359,0,351,40,355,67,359,89,368,88,366,44,377,16,384,-1&quot; href=&quot;xzr.cfm&quot; alt=&quot;Skin Problems&quot; title=&quot;Skin Problems&quot;>
<area shape=&quot;poly&quot; coords=&quot;358,103,350,120,338,127,338,137,351,136,368,134,368,102&quot; href=&quot;xsd.cfm&quot; alt=&quot;Feet Problems&quot; title=&quot;Feet Problems&quot;>
<area shape=&quot;poly&quot; coords=&quot;400,105,407,118,421,127,422,134,392,133,392,104&quot; href=&quot;sdf.cfm&quot; alt=&quot;Feet Problems&quot; title=&quot;Feet Problems&quot;>
</map>
<table width=&quot;612&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; align=&quot;center&quot;>
<tr valign=&quot;top&quot;>
<td><img src=&quot;images_dealpage/ckb2.gif&quot; width=&quot;612&quot; height=&quot;83&quot;></td>
</tr>
<tr valign=&quot;top&quot;>
<td><img src=&quot;images_dealpage/ckb3.gif&quot; width=&quot;612&quot; height=&quot;120&quot;></td>
</tr>
<tr valign=&quot;top&quot;>
<td height=&quot;117&quot;><img src=&quot;images_dealpage/ckb4.gif&quot; width=&quot;612&quot; height=&quot;119&quot; usemap=&quot;#Map&quot; border=&quot;0&quot;><map name=&quot;Map&quot;>
<area shape=&quot;poly&quot; coords=&quot;332,117,353,91,386,89,410,103,413,118&quot; href=&quot;hairproblems.cfm&quot; alt=&quot;Hair Problems&quot; title=&quot;Hair Problems&quot;>
</map></td>
</tr>
<tr valign=&quot;top&quot;>
<td height=&quot;176&quot;><img src=&quot;images_dealpage/ckb5.gif&quot; width=&quot;612&quot; height=&quot;178&quot; usemap=&quot;#Map2&quot; border=&quot;0&quot;></td>
</tr>
<tr valign=&quot;top&quot;>
<td height=&quot;178&quot;><img src=&quot;images_dealpage/ckb6.gif&quot; width=&quot;612&quot; height=&quot;160&quot; usemap=&quot;#Map3&quot; border=&quot;0&quot;></td>
</tr>
</table>

<map name=&quot;Map2&quot;> <area shape=&quot;poly&quot; coords=&quot;336,-1,337,24,343,12,347,38,351,21,359,46,361,16,364,31,377,-2&quot; href=&quot;hairproblems.cfm&quot; alt=&quot;Hair Problems&quot; title=&quot;Hair Problems&quot;>
<area shape=&quot;poly&quot; coords=&quot;391,0,414,22,370,47,360,33,378,3&quot; href=&quot;faceheadproblems.cfm&quot; alt=&quot;Head, Face &amp; mouth Problems&quot; title=&quot;Head, Face &amp; mouth Problems&quot;>
<area shape=&quot;rect&quot; coords=&quot;354,49,436,97&quot; href=&quot;asd.cfm&quot;> <area shape=&quot;rect&quot; coords=&quot;365,131,435,175&quot; href=&quot;der.cfm&quot;>
<area shape=&quot;rect&quot; coords=&quot;366,99,436,127&quot; href=&quot;uyt.cfm&quot;> </map>
</body>
</html>
 
The purpose of image maps is not to show the mapping, but rather to define clickable areas on an image. To create a visible &quot;mapping&quot; you will have to use a graphics editing program, like photoshop. jared@eae.net -
 
Sorry but i want to do the same thing i.e. clickable areas on that picture.
 
oh ok. I thought you meant you couldn't see the sectors designated by the map (which is a good thing! :) )

I just tried your code, and the maps worked. Maybe you didn't place the sectors where you wanted them? jared@eae.net -
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top