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
>

Similar Messages

  • Image Maps link not working in Acrobat 8 3D PDFs generated from RoboHelp 7

    All of my hyperlinks work when I just generated my RoboHelp
    project to PDF using RoboHelp 7 with the new Adobe Technical
    Communications Suite (with Acrobat 8 3D). However, the links to
    topics within the document didn't maintain from the image maps. I
    had originally created flowcharts in Microsoft Visio, exported then
    as .gifs, and imported them into topics in RoboHelp X5. Then I
    created image maps from the boxes to topics in the RoboHelp
    project. When I converted my project to RoboHelp 7 and generated
    the PDF, all the links work great, except I don't get the
    finger-pointing cursor when I hover over the boxes in the
    flowcharts like I do with regular hyperlinks. Can someone please
    tell me why? Thanks!

    Sigh... and this is why no one like to work with newbies...
    Thank you for your help. I am embarrased to admit that this was the issue.

  • Image map (Open a link in the same place not a new Window)

    Image map (Open a link in the same place not a new Window)
    I'm using image map From KM a made a Image and I put the link like this "documents/images/image.jpg" okay, its works, but when I click on the link open other page, How to open on the same page ???????

    Hi Marcus,
    Try out this link. It may be helpful to you.
    Opening of IView in New Window
    Regards
    gEorgE

  • Image Map not working in Dreamweaver CC

    I'm trying to create an image map over a jpeg but when I try to draw a rectangle over the image, a grey stroke gets placed over the image then moves with the cursor.
    Here is the only code on the page. Any ideas as to why this isn't working?
    <img src="/SampleImage.jpg" alt="" width="900" height="2779" style="margin: 5px; width: 649px; height: 2000px;"/>

    Let me see if I have this right...
    1. From Design View, you are clicking your image to select it
    2. You are then selecting the Rectangle tool from the bottom left of the Properties window
    3. You are then clicking and dragging on the image in Design View to create your map area
    4. DW puts a grey line around the image and moves it instead of adding the image map and area tags?
    Run your page for code errors at http://validator.w3.org. I can't duplicate what you describe and DW will do strange things when code errors are present, it could be an error DW doesn't know how to fix that's causing the normal image map functionality to fail.
    If you have clean code and are doing what I list above and it's still not working, it may be time to clear the program cache:Deleting a corrupted cache file

  • Image Maps not working in Firefox or IE

    For some reason my Golive 9 submenu image maps (News, Locations, etc.) work in Safari, but not in Firefox or IE. Plus some elements seem scrambled in the two latter browser apps. Here's the web page: http://www.frankparsons.com/express/index.html
    Why is this happening?

    >Now I'm wondering if I should bag Layout Grids altogether to make the eventual transition to DW a little easier?
    It couldn't hurt. Using your own CSS (or even old-school tables) will generally make any transition less painful than using program-specific features like the layout grid.
    >BTW, what is equivalent to components in DW?
    I think the equivalents in DW are called Library items. Haven't used them though, as I usually stick with PHP includes to avoid anything proprietary.

  • Image maps not working in signatures (MS Exchange 2010)

    I would like to know how to get the image maps links work in OWA 2010, it is working in all other email clients except OWA 2010

    Hi,
    This issue seems related to S/MIME control and IE.
    Please perofrm latest updates for IE and S/MIME. More details as below:
    1. OWA -> Options -> Settings -> S/MIME
    2. If any security warnings appear, click Yes for the control to download and install.
    Also try to add OWA web site into Compatibility View in IE.
    Thanks
    Mavis Huang
    TechNet Community Support

  • 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 ?>
        <!-- Source File -->
              <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" />          <!-- <div class="personalization" style="left:0;top:818px;"><h1><?php echo $recip_name; ?></h1></div> -->
      <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

  • How to use the same image map over and over

    Sorry, I posted this a couple of years ago and got a good answer by Murray. I'm so rusty with it, I can understand how it works anymore.
    Question:
    I have a large jpeg image map for a hundred pages. The jpegs are all the same except I changed the city name for each one.
    So for each corresponding htm page, the 4-5 links out are the same.
    Waht is the trick to not have to create by hand hotspots? thanks.
    I have previous notes, but I don't understand anymore, (too rusty) what they mean:
    The good news is that you really don't need a template at all.
    Just open one of your existing pages in DW, select that central image, browse to select the correct replacement image, and save the page with a new name.  It will have all of the image maps already there, from the original image.  One and done as they say."
    My old interpretation of this:
    select the large jpeg and then in link field drag over to the new city jpeg

    Ok, Nancy, code copy/ paste did work fine.
    what does this mean:
    "Change the image in the properties panel to display your new image."
    (the image is displaying ok)
    NEverthesless, I think I got Murrays old notes.
    Here is my new version of Murrays writing, easiest way I think:
    You open up a pre-existing html, say Chicago. Then drag over with pointer to the new jpeg you want (Buffalo). It replaces Chicago with the buffalo jpeg, all links work perfectly. Then do a save as called Buffalo.

  • Image maps error with IE 6

    Hallo!
    I have a problem with Internet Explorer 6 (Windows XP) and only 2 image maps with rollovers on a page with a total of 6 image maps.
    This is the page:
    http://www.eqmultimedia.it/paolobisi/home_2009f.html
    Everything is OK on Mac OS X (Safari and Firefox) and IE 7 on Windows XP and Vista.
    ONLY the 2 image maps named "ART FOR SALE" and "CONTACT" do not work with IE 6.
    This is my workflow:
    - Page design in Photoshop.
    - Slices, image maps, rollovers and remote rollovers with ImageReady
    - Save html page and images folder from ImageReady
    - Import html page and images folder in Golive CS
    - Check and correct ALL the links in the image-map code generated with ImageReady
    - Export site from Golive (with Flatten Script Library) and FTP transfer on Unix server.
    I suspect that the image-map code is not FULLY loaded by IE6 and for this reason only 2 image maps on the page do not works.
    Any suggestion will be very appreciated.
    Thank you and sorry for my English!
    ettore

    Correct link:
    www.eqmultimedia.it/paolobisi/home_2009f.html
    Sorry!
    ettore

  • Does anyone know how to save / preserve image maps when updating graphics?

    Hello all,
    I'm currently working on a RH7 HTML project, which I've designed to be used in support of a software application.
    Some of the application's dialogue boxes have quite complex multi-tabbed GUIs, so when it comes to describing their functionality, you often end up with a long list below the graphic image. What this means of course, is that the user is forever scrolling up and down to make reference between the GUI and the explanatory text.
    I hit upon an idea I'd used previously, whereby I created popups to multiple image map hotspots. It works like a dream and the client and users really like the concept - but there's a snag (apparently).
    Because the application is still in development. some of those GUIs are (and will continue to) change. No problem with that either - until I try and insert the updated graphic. Poof !! All my hotspots disappear . . .
    Surely I'm not alone in trying this approach and there must be some way of preserving the hotspots?
    Any suggestions?
    Bob (in a UK time zone)

    Hi there
    It sounds like you are using the standard methods of inserting an image. Don't do that!
    All you need to do in these cases is to use Windows Explorer to save the updated image using the same file name and replacing the former image. When you do this your other data will remain intact. If the new image is a different size, just right-click it inside the RoboHelp HTML editor and choose Reset Size. You also may need to tweak your hotspots if things shifted some.
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • 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

  • Problem with image map

    I am trying to create an image map for the map found on my homepage - http://www.smartcharteribiza.com/
    I have followed a couple of tutorials and everything seems to be working in photoshop, but when I upload the image to wordpress, the map does not display properly, as you can see.  There are white squares where I have tried to put the links as though that part of the image has been cut out.
    I dont understand what is causing the problem.  Any ideas?
    Thank you very much

    well i for one don't actually see any map just 3 yachts

  • 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

  • How do I update/edit/change an image map in Fireworks CS4 or CS5?

    Hi,
    I've created an imagemap in Fw CS4, exported the image + html file, and it works ok.
    1. I closed Fireworks, then ran it again and re-opened the exported PNG, and could see the hotspots, and could edit/update/add/remove them.
    2. I closed Firewoks again, then moved the exported .png image (the original was a PNG as well) and html file to a different folder.
       Problem: When I open the (exported) image, I can no longer edit the hotspots. The image map still works (in a browser), however.
    Doesn't the HTML file define the hotspots?  How do I update or edit an image map in Fireworks? Do I need to re-import the HTML file somehow? Fw help isn't very helpful on this topic.
    I've also found that Fw seems to change the PNG when exporting it. Is it adding some kind of metadata to the exported PNG?
    I've made sure the "Show slices and hotspots"  button is on. This is really puzzling!
    Environment: Windows XP SP3, Fireworks 10.03.011

    Thanks to you both.
    I think I understand what's happened, and yes, I've overwritten my original PNG
    sigh. Fireworks doesn't really make this obvious!
    That renaming tip is great! We already have a process for making PNGs of marked-up PDFs (so the extension is .pdf.png), so this will fit in just nicely!
    You both ROCK!

  • Is it possible to create a link to a pop-up window from an image map in dreamweaver?

    I'm trying to use an image map as my home page. As it is a simple site I want the links on the image map to open in a small 200 x 200 pixel pop-up window.
    I seem to only be able to have it open in a new tab.
    Thanks for any help!

    ZankeBee wrote:
    http://www.royalteascafe.co.uk/opening.html
    That site uses Cyber Studio javascript actions. Cyba Studio was discontinued years ago.
    If you're code savy enough you can extract the javascipt from the site and the csactions and rebuild to your own requirements. It's not that difficult but you do need to know your way around the code environment in Dreamweaver.
    Give us another site link and I'll take a look to see if there is anything more up-to-date code handing these pop_ups.

Maybe you are looking for

  • Can a Worker Role process call Antimalware for Azure Cloud Services programmatically?

    I'm trying to find a solution that I can use to perform virus scanning on files that have been uploaded to Azure blob storage.  I wanted to know if it is possible to copy the file to local storage on a Worker Role instance, call Antimalware for Azure

  • BPP for warehouse management

    Can anybody gives the BPP for warehouse management. and also qand db for the same

  • HTML characters display incorrectly in Firefox

    Special HTML characters like ∠ and ← and ∝ (etc.) do not display as they should in Firefox on my Mac. I messed with Font Book earlier today, and though I don't think I made any fatal changes, I think that might have caused this problem (though certai

  • Visibility of Objects Upon Re-Opening

    I have a form that allows users to show or hide subforms via checkboxes. However, when the user saves the form and then re-opens it to make changes all of the original visibility settings are maintained. So then the user has to go through and re-sele

  • How to manage Undo with multiple models linked together

    Hello, I'm writing a java desktop application using MVC model. I'm using javax.swing.undo.UndoManager and related classes to manage the undo/redo capabilities. I know how to use it but I can't see how to implement it in a clean way when I have severa