WordPress.org

1. Jonas Grumby
   Member
   Posted 2 years ago #

   I'm using the following code to put an image map into a WP page:

   <MAP NAME="map1">
   <AREA HREF="#DWI" ALT="DWI" TITLE="DWI" SHAPE=RECT COORDS="16,33,80,104">
   <AREA HREF="#Drugs-Possession" ALT="Drugs Possession" TITLE="Drugs Possession" SHAPE=RECT COORDS="83,33,146,104">
   <AREA HREF="#Weapons-Possession" ALT="Weapons Possession" TITLE="Weapons Possession" SHAPE=RECT COORDS="149,33,212,104">
   <AREA HREF="#Theft-Larceny" ALT="Theft Larceny" TITLE="Theft Larceny" SHAPE=RECT COORDS="215,33,278,104">
   <AREA HREF="#Robbery" ALT="Robbery" TITLE="Robbery" SHAPE=RECT COORDS="281,33,344,104">
   <AREA HREF="#Assault" ALT="Assault" TITLE="Assault" SHAPE=RECT COORDS="347,33,410,104">
   <AREA HREF="#Sexual-Offenses" ALT="Sexual Offenses" TITLE="Sexual Offenses" SHAPE=RECT COORDS="413,33,477,104">
   </MAP>
   <IMG SRC="/1/wp-content/uploads/2010/01/Folder_CrDef.jpg" ALT="Criminal Defense" BORDER=0 WIDTH=486 HEIGHT=108 USEMAP="#map1">

   The problem is that the graphic comes up but it's about 150px too far down the page. If I use CSS to relatively position the graphic, the links don't work. Any ideas?

   Thanks

2. Jonas Grumby
   Member
   Posted 2 years ago #

   Looks like I figured it out. I put the whole thing into a table that is relatively positioned instead of a div and now it seems to be fine. Sorry for the false alarm.

3. Jonas Grumby
   Member
   Posted 2 years ago #

   Actually if anyone has any insight as to why the whole thing is appearing 150px down from the nearest content above it, I'd still like to know and fix it, but for now it looks ok the way it is despite the extra white space that is now under the table. You can see the page here if you are interested:

   http://myersgaliardo.com/1/criminal-defense/

   Scroll down for the image map, which is on the folder graphic.

   Thanks!

Topic Closed

This topic has been closed to new replies.