Image map in hidden DIV

I've got an image map in a container div, which works fine...
but when I use DW's behaviors to either hide or fade this div, the
image map is still active... even though the container div (and
thus image itself are hidden).
Any thoughts are welcome... not sure how else to get this to
work.

I have to disagree, Murray. DW Design View has a lot of trouble displaying externally hosted images. All I see is a small, generic image icon like this. However, Live View works fine.
Nancy O.

Similar Messages

Image Map in a div tag causing problems in webpage

I have an image map in a div tag (I'm using Dreamweaver so
I've place hot spots on a gif within a div tag). When I preview in
a browser the hot spots are creating an empty space between the
image and the div tag below it, which there shouldn't be. Prior to
this I had done the same thing but using layers instead of div tags
and it was fine... there was no unwanted space. What am I doing
wrong?

Hi lauren,
I tried to replicate the above mentioned issue, but did not get the <div> around the image in Webhelp output. Would it be possible for you to provide more information on this:
At what point does the <div> start appearing around the image, as soon as the CBT expression is applied?
If yes, what is the expression?
What happens when expression is set to None again and individual CBT is under application
Is there a spacing or the CBT text just follows the inline image?
Please send us a sample file for the same, if possible. Thanks!
Amit

IE 6.0 & Image maps

I have a simple page with only AP elements that works fine
with IE 7.0 and Firefox.
My menu is comprised of AP elements with an image and an
image map on it. Simple Show/Hide Elements and Swap Image
behaviours do the trick.
However, IE 6.0 users report this: They see the visible APs
when the page load but not the image map (their cursor doesn't even
switch to a hand when they hover) so nothing works.
At Browser Compatibility I found the Z-index bug and fixed it
by applying Z-index to all elements. IE 6.0 still ignores the image
maps though.. Why?
Thank you in advance.
M
PS: All I am getting as errors is these two lines in the
default.css "div {unicode-bidi:bidi-override;}
span {unicode-bidi:bidi-override;}" which result in an
Unsupported property: unicode-bibi
Is this related and frankly, what is it?

> What exactly do you mean I am on the wrong foot already?
1. Your home page contains no readable text. This is usually
regarded as
an SEO blunder. Devoting the time and effort to create such a
page is
really a waste, as it presents one more hurdle between your
visitor and the
information they seek - they will bookmark the inner pages,
and never see
this page again. And it's a waste of your most valuable SEO
tool - the home
page. With no readable text, it cannot be adequately spidered
by the SE
bots.
2. You have used the unicode-bidi style in your stylesheet.
Are you sure
you need that? Read this to see what it does -
http://www.blooberry.com/indexdot/css/properties/intl/unibidi.htm
3. Your entry page, being all graphics, doesn't suffer from
text resizing.
This is good an bad. It's good in the sense that since you
have used only
absolute positioning, you will not experience the usual
problem with text
content resizing. It's bad in the sense that I explained
above, and also in
an accessability sense - those who need to resize the text to
read the page
will not be able to do so. In other words, you have lost
accessability on
this page.
In general, using absolute positioning as a primary layout
method is a big
mistake. Read this -
http://apptools.com/examples/pagelayout101.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"miltos75" <[email protected]> wrote in
message
news:[email protected]...
> Thank you for your prompt reply.
>
> No I don't have IE 6.0. IE 7.0 which I have installed
works fine, and so
> does
> Firefox.
>
> The link is this:
http://www.beonline.com.gr
>
> Yes, for the menu buttons I have one visible AP element
which is the
> inactive
> button and another which is hidden and is the active
button if selected.
>
> What exactly do you mean I am on the wrong foot already?
What would you
> suggest? Why is IE such a pain...???
>
> Thanks again,
>
> Miltos
>

Bug Report: DW CS5.5 Crashes Every Time On An Image Map

I am posting this in lieu of contacting Adobe support. I went to my account to send Adobe a bug report and was told I needed to contact support via phone. That's pretty crappy. As a licensed user who's owned it less than three months, there's no direct path to tell you guys that your software is broken?
Here's the deal: I am working on an HTML landing page with one image map attached to one image. Literally, every time I make a modification to the code near the image (tied to the image map) then click into the live preview window, Dreamweaver CS5.5 crashes like a 70-year old on a bar of soap on the floor of the shower. It crashes hard. My only relief is to save the file before clicking into the live preview window. That's my only workaround to the problem.
But I'm left amazed that I can crash it every single time over an image map, flicking from the code to the preview pane. You would think that at version 11.5, a minor thing like that wouldn't hemorrage the supposed creme de la creme of web design software.
Here's the code I'm editing that causes it to crash:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <?php
          require_once("/var/www/html/c/index.php");
          $recip_name = $subscriber['first_name'].' '.$subscriber['last_name'];
          ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/c/print.css" type="text/css" rel="stylesheet" media="print">
<title>Membership Special - No Commitment</title>
</head>
          <?php // Google Link Tracking Code ?>
          <script type='text/javascript' src='/c/google-analytics-code.js'></script>
          <?php // End Google Link Tracking Code ?>
    
          <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css">
    <style type="text/css">
                    body {font:normal 14px/1.25em Georgia, "Times New Roman", Times, serif;}
                    h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#333333;}
                    h1 {font:normal 28px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h2 {font:normal 24px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h3 {font:normal 20px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h4 {font:normal 16px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h5 {font:normal 12px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    h6 {font:normal 8px/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
                    a, a:link, a:visited, a:active {color:#0055FF;}
                    a:hover {color: #002AFF;}
                    #wrapper {margin:0 auto;width:432px;}
                    #header, #footer {margin:20px auto;text-align:center;position:relative;}
                    #footer {margin:40px auto;}
                    #coupon {position:relative;}
                    #coupon, #coupon img {margin:0 auto;text-align:center;}
                    .personalization {position:absolute;width:100%;text-align:center;text-transform:uppercase;}
                    .printcoupon {text-transform:uppercase;}
          </style>
<body>
<div id="wrapper">
<div id="header">
          <h3 class="printcoupon"><a href="javascript:window.print();">Click here to print your coupon</a></h3>
</div>
<div id="coupon">
          <img src="images/19415coupon-01.jpg" width="432" height="432" />          
<img src="images/19357coupon-02.jpg" width="550" height="602" usemap="#imagemap" class="dontprint"/>
</div>
<div id="footer">
          <h3 class="printcoupon"><a href="javascript:window.print();">Click here to print your coupon</a></h3>
</div>
</div>
<map name="imagemap">
          <area coords="29,69,521,197" shape="rect" href="javascript:window.print();">
          <area coords="29,212,521,339" shape="rect" href="http://www.google.com" target="_blank" onClick="recordOutboundLink(this, 'Landing Page', 'http://www.google.com');return false;">
                    </map>
</body>
</html>

Bug Report and Feature Request https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Images and image maps do not respond to events on Safari

Hello everyone,
We have been experiencing issues with events not responding to images associated with image maps, on Safari browser. After the DOM is loaded with new image and corresponding image maps, events such as mouseover and click observing this divs do not respond or get triggered. DOM seems to be updated correctly but behaves differently (and it works correctly in all other browsers except Safari).
This behaviour is only noticed in Safari browser running both on Windows and Mac. (Tested on Safari Version 3.1.1 on running on Windows and Mac)
For you all to have a closer look at this issue, I have created a sample that has this problem, similar to one we experienced during one of our recent projects. Please click on the link below to get to the sample (I recommend you to try this either in Firefox or IE before you do on Safari)
http://www.hivegroup.com/safari/test.html
(In the above sample,
- the javascript code initializes the DOM with image and image map
- assigns two event listeners to the div containing this image and image map
- when mouse pointer brought over the image, it shows the area id in the 'mobox' div
- when clicked, DOM is updated with a new image and new corresponding image map, assigns new event listeners and should continue with the same kinda behaviour it did for the first image (but doesn't in Safari browser))
All inputs on this issue are welcome and greatly appreciated.
Thanking you in advance.
Regards,
Shashi.

Let me explain what the pink area is. Like the first image that contains two white boxes, the pink area (as you call it) is a new image (containing four pink areas or boxes having an area id denoted to each) that imgDiv occupies after the 'click' event occurs.
Yep, i gathered that from seeing it work on firefox...
The point that I'm trying to make here is, there shouldn't be any difference in behaviour when imgDiv holds first image (two white boxes) or the second image (four pink boxes) that you get after we click on image or the third image (containing 6 boxes, multiple colors) which you won't be able to reach in safari browser.
well... I can reach them, but only via the blue space.
. We'll notice change in the red box displaying target id only when we mouse over a new area that is not currently being displayed in the red box.
except in webkit for safari 2, where thered bpx content sticks at whatever it was when the first image was clicked, unless mouse is moved to the 'all area', and then it sticks on imgdiv.
I completely understand what you see in safari 2. But are you saying there's some error in my script ? If so could you please point out and justify.
I dunno Shashi, just pointing out the errors that Safari 2 reports when I view your test page, in the hope it might help. I know little of javascript

Any way to open new browser window without using image maps?

Is there any way to open new browser window without using image maps? My code works fine in Firefox, but not in IE. There are 2 problems in IE: 1st is that the thumbnail images move up within their own borders & 2nd that when you click on an image it does open up a new browser window, but also redirects to the index page (in this case it's just a placeholder index page - the new one I've called index_new.html for the time being).
Here is the link:
http://www.susieharperdesigns.com/gallery_beads.html
Any help is greatly appreciated.

Your missing a value on the HREF. In your code you have this:
<area shape="rect" coords="-24,-9,106,144" href=" " onclick="MM_openBrWindow('gallery_bead1.html','','width=255,height=360')" />
</map></div>
and it should be this:
<area shape="rect" coords="-24,-9,106,144" href="javascript:void()" onclick="MM_openBrWindow('gallery_bead1.html','','width=255,height=360')" />
</map></div>
If you fix the code on all your beads, it should work.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Can you create an image map that will link to a different element on the same page?

I have used image maps before and know how to create an image map to link to a new page. In this case, however, I want to be able to click on my image using an image map and load a new image with text on the same page as the image map. Is this even possible? Is there some sort of behavior that allows you to create same-page links, perhaps using AP divs? I want the end result to be a type of gallery that loads different images depending on where you click on the main image.
Again, I don't even know if this is possible. Any suggestions on how to make this work would be greatly appreciated.
Thank you!

Go to this site and mouse over the image map of South America.
http://alt-web.com/testing.html
Is that what you are looking for?
Insofar as linking to a position on the same page, do a Help search (F1) in DW for "named anchors."
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Image mapping and Master Detail Regions in CS3

Excellent advice to leave a url. I think I am having a similar problem with conceptualizing datasets for utilization with image mapping. I obviously cannot use the Get Schema via the Attach New Data set icon because I have rendered my own Master region. I am working with CS3. I will launch the site and ask for help from the url.
Here is:
http://www.atmfoods.net16.net/
I need help with this. With the phasing out of tabulated layouts for div based layouts I run into quite a few snags attempting to work around deprecation of tags issues. What am I trying to do here:
1. Get my spry menu to drop down in the child table and not the parent table aligned top left.
2. Use image mapping of the thumbnail images in integration with datasets and spry Master/Detail regions, even if hand coded to achieve, for a larger image and data on each thumbnail on an accordion spry widget. I am thinking grid systems for the future of my works and hope to achieve some relative command of grid systems. Without gridlock.

Hi,
The dataset name in the NestedDataSet constructor does not go
in quotes.
Try var dsCreds = new Spry.Data.NestedXMLDataSet(dsAgents,
"credentials/cred");
and see if that helps.
Don

Spry XML and image map

Hi all-
I'm new to using spry and xml, but not new to xhtml and layout, having said that. I'm trying to store file paths in my xml and parse that xml to repace <href> tags in an image map. For example (the actual cooridnates in the map are just made up for the example below, the actual map has 88 locations and very detailed coordinates, as it is a state map):
<head>
<script src="../SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryData.js" type="text/javascript"></script>
var ds1 = new Spry.Data.XMLDataSet("../files/research/counties_census.xml", "ohio");
</head>
<body>
<div spry:region="ds1">
<img src="../images/CountyMap.gif" width="565" height="611" usemap="#Map">
        <map id="Map" name="Map">
          <area shape="rect" coords="103,156,155,202" href="../files/research/{Location}" />
          <area shape="rect" coords="216,156,286,210" href="../files/research/{OtherLocation}" />
        </map>
</div>
</body>
Am I just making a syntax error or is this just outside the scope of what I can use spry for? Any help is appreciated.
thanks in advance

I have one more question. What you gave me worked like a charm btw. Thanks a lot. Onto the question:
I'd like to use the same XML to also power a drop down menu, here's a snippet of the XML/XHTML below. I can't seem to get it to work on the drop down, the image map works great.
XML snippet:
<locations>
<location>
     <filepath>P1008.pdf</filepath>
     <coords>192,496,193,497,194,497,195,497,196,497,197,497,199,497,201,497,201,498,202,498,2 01,498,201,499,202,499,203,500,204,500,204,501,205,502,206,502,206,503,207,503,207,504,207 ,506,207,510,207,511,207,512,207,514,207,518,207,521,207,522,207,524,207,525,207,526,207,5 27,207,528,207,529,207,530,207,531,207,532,207,533,207,535,207,537,207,538,207,539,207,540 ,207,541,207,542,207,543,207,545,207,547,207,548,207,549,207,550,206,552,206,554,206,555,2 06,556,206,558,206,559,206,560,206,562,206,563,206,564,206,565,206,566,206,567,206,568,206 ,569,206,570,206,571,205,571,205,572,204,572,204,573,203,573,203,574,203,573,202,573,201,5 73,201,572,200,572,200,571,200,570,199,570,199,569,199,568,199,567,198,566,197,566,197,565 ,196,565,196,564,195,564,194,564,194,563,193,563,192,563,192,562,191,562,190,562,189,562,1 88,562,187,562,186,562,186,561,187,561,186,561,185,561,184,561,183,561,182,561,182,560,181 ,560,180,560,179,559,178,558,177,557,176,557,176,556,175,556,174,556,174,555,173,555,172,5 55,171,556,169,556,168,556,168,557,167,557,166,557,165,557,164,557,164,558,163,558,162,558 ,161,558,160,559,159,559,159,560,158,560,158,561,158,562,158,563,157,563,157,564,157,565,1 57,566,156,567,155,567,155,568,154,568,153,568,153,567,152,567,151,567,150,566,149,566,149 ,565,149,564,149,563,149,562,149,561,149,560,149,559,149,558,149,557,149,555,150,555,150,5 54,150,553,150,552,150,551,150,549,150,548,150,547,150,546,150,545,150,544,151,543,151,541 ,151,540,151,538,151,537,151,536,151,534,151,532,152,531,152,530,152,529,152,528,152,527,1 52,526,152,525,152,523,152,522,152,521,152,520,152,519,153,519,153,518,153,517,153,516,153 ,515,153,514,153,513,153,512,153,510,153,508,153,507,154,506,154,505,154,504,154,503,154,5 02,155,502,156,502,159,502,160,502,161,502,162,502,163,502,164,502,165,502,165,501,166,501 ,167,501,168,501,169,501,170,501,170,500,171,500,172,500,173,500,174,500,175,500,175,499,1 76,499,177,499,178,499,179,499,180,499,180,498,182,498,184,498,188,497,189,497,190,497,191 ,497</coords>
     <county>Adams County</county>
</location>
<location>
     <filepath>P1009.pdf</filepath>
     <coords>132,183,132,184,132,185,132,186,132,187,132,188,132,189,132,190,132,192,132,194,1 31,195,131,196,131,197,131,199,131,201,131,202,131,203,131,204,131,206,131,207,131,208,131 ,209,131,210,131,211,131,212,131,213,131,214,131,216,131,217,131,218,131,219,131,220,131,2 21,131,223,131,224,131,225,131,226,131,227,131,228,131,229,130,229,129,229,126,229,125,229 ,124,229,123,229,122,229,119,229,118,229,117,229,116,229,114,229,113,229,112,229,111,229,1 10,229,109,229,108,229,107,229,106,229,105,229,104,229,102,229,102,227,102,226,100,226,99, 226,98,226,97,226,96,226,95,226,92,226,90,226,89,226,87,226,87,225,87,224,87,222,87,221,85 ,221,84,221,83,221,82,221,81,221,80,221,78,221,77,221,76,221,75,221,72,221,71,221,69,221,6 8,221,65,221,65,220,65,219,65,218,65,217,65,216,65,215,65,214,65,212,65,211,65,210,65,209, 65,207,65,206,65,205,65,204,65,203,65,201,65,200,65,199,66,199,67,199,68,199,70,199,71,199 ,72,199,73,199,73,197,73,196,73,195,73,194,73,193,73,192,74,192,75,192,76,192,77,192,79,19 2,80,192,81,192,82,192,83,192,84,192,85,192,86,192,87,192,88,192,90,192,91,192,92,192,95,1 92,99,192,100,192,101,192,102,192,102,191,102,190,102,188,102,187,102,186,102,185,105,185, 106,185,107,185,108,185,109,185,110,185,111,185,113,185,114,185,115,185,116,185,117,185,11 7,184,117,183,117,182,118,182,119,182,120,182,121,182,122,182,123,182,124,182,125,182,126, 182,127,182,128,182,129,183</coords>
     <county>Allen County</county>
</location>
</locations>
Here's my XHTML:
<div spry:region="ds1">
     <p>Click on a county, or select from the following:
          <select onchange="jumpMenu(this)" name="menu1">
          <option spry:repeat="ds1" value="../files/research/{filepath}">{county}</option>
          </select>
     </p>
        </div>
<div spry:region="ds1"> <img src="../images/OhioCountyMap.gif" usemap="#Map">
     <map id="Map" name="Map">
     <area spry:repeat="ds1" shape="poly" coords="{coords}" href="../files/research/{filepath}">
     </map>
</div>

Image Maps from FM9 RH8

Using TCS2.
I am trying to create an image map in FM and have the hyperlink retained when in the linked RH project. Does anyone know how to do this so that the hyperlink in the active area over an image is retained when bringing the file into RoboHelp (linking to the FM doc) without forcing me to recreate the link in RH? I've read the FM documentation, and I've successfully made the link work in a PDF saved from the FM doc (clicking the graphic successfully launches the link from the PDF), but RH doesn't bring over the hyperlink when I link to the FM doc.
Any ideas?
Thanks,
Michael Cohen

I don't want to upload it. Its simply a div with a backgound image that consists of artwork and words. The words of course were not typed in Dreamweaver so I can't select them and make links. I'm fairly new to dreamweaver.
Could I place the artwork as an image on the page and then make links? I don't know how to place an image on the page so that it goes anywhere but the upper left corner. We used to use GoLive 6 (the older version of dreamweaver) and place the artwork on the DW page and make links on the artwork.

Rollover images using image maps

alright so heres what im trying to do. I have one really big
image, and i have about 4 image maps on it. what i want is for
everytime you roll over on of them, a new layer (which are hidden)
pops up. Would that be possible using image maps?
i cant seem to figure out how to use the behavior panel to do
this

> Would that be possible using
> image maps?
Yes.
> i cant seem to figure out how to use the behavior panel
to do this
Select the mapped area. Apply the Show/Hide Layer behavior.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"franco937523ut" <[email protected]> wrote
in message
news:efi43i$bqh$[email protected]..
> alright so heres what im trying to do. I have one really
big image, and i
> have
> about 4 image maps on it. what i want is for everytime
you roll over on of
> them, a new layer (which are hidden) pops up. Would that
be possible using
> image maps?
> i cant seem to figure out how to use the behavior panel
to do this
>

Why is image over flowing content div into footer div?

My content div is set at 975px wide padding 20px. I insert a image that is 700x525. Content div expands to fit image. As soon as I set the alignment on the image to left Content div shrinks, image overflowing into footer and text in footer is wrapped around image. If I set a height for the Content div larger than height of image all is well. My problem is images on different pages will all be different sizes.
Code:
<div id="content">
<h1><img src="Oral/OralCavity_Labeled.jpg" alt="Oral Cavity" width="700" height="525" align="left" />Content for id "content" Goes Here</h1>
</div>
<div id="footer">
<h5>Property of College of the Canyons Biology Department. All rights reserved. <a href="mailto:[email protected]">Contact Us</a>.</h5>
</div>
<h5> </h5>
</div>
</body>
Please help, can't proceed with website until this problem is solved.

Try this:
#content {
width: 975px;
background: #FFF;
padding: 20px;
overflow:hidden;
The magic of overflow hidden:
http://colinaarts.com/articles/the-magic-of-overflow-hidden/
PS. I'm glad I'm not squeamish.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

CSS Header - how to create image map on header image?

So I am pretty new to CSS. I created a tag <div id="page_header"> and then have an image called "header.jpg" that shows up fine. But now I want to make that header clickable so I can use it as the link back to the home page. If it were a basic image, I could create an image map. But since it is a CSS file, I can't figure out how to do this. I know this has to be simple!
Thanks for your help,
Gary

Thanks - so I would insert a transparent gif the same size as the header area (1000 X 300) the same way I would if it were a regular image? Does this go before the <div id="page_header"> tag?
Inside the div.
<div id="page_header">
<img src="your_transparent_image.gif">
</div>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

Image Maps not working

Hi, here's the url:
http://www.theexperience-exchange.co.uk
There are 4 image maps over the word 'Start' at the bottom of the page.
I've linked the pages in the properties panel and there appears to be an 'href' piece of coding in the html.
The other maps higher on the page seem to be OK.
Any clues anyone? Any help always appreciated.
All the best, RP

The 'overflow' style when used with values "scroll | hidden" is incredibly useful in controlling floats and margins on your page. When an element is assigned one of these styles, it becomes "a new block formatting context". What that means is that all interior floats (within that element) are automatically cleared, and no interior margins can escape the container. The problem you were having was that a subsequent element was somehow (and I'm not really sure why - didn't look closely enough to diagnose it) expanded enough vertically to MASK the linked buttons. When the buttons are masked, the mouseovers are not detected by the browser and the links don't work. By assigning the overflow style, you prevent that masking and the links are expressed.

Add image map to layer graphic?

There is no allowance for image maps on the Properties menu when a graphic placed in a layer is selected.
I have as US map within a <div> layer for exact placement. But I want to draw image maps for each state.
How can I do that?

There is no allowance for image maps on the Properties menu when a graphic placed in a layer is selected.
Whether or not your image is within a layer, a table, a span, or any page container would not affect your ability to add an image map to it.
I have as US map within a <div> layer for exact placement.
It is not necessary to use 'layers' to achieve exact placement, but as stated above, the image's container is immaterial to the use of image maps. What I suspect is happening is that you are trying to do this on a template controlled child page - is that correct?

Image map in hidden DIV

Similar Messages

Maybe you are looking for