3 Replies Latest reply: Aug 3, 2012 6:09 AM by MurraySummers RSS

    Image Map Error in IE

    Jack Community Member

      I created an image map with several hot spots using DW CS4 on the Mac OSX Mt. Lion. Uploaded and tested remotely with Google Chrome Browser and it works fine. Then tried the same URL in IE under Windows 7, and found errors.

       

      In place of the title content as intended, IE painted the first "Alt" property in the first three areas, repeated this once over a building to the northwest of "8", where there is not yet a map at all, and again over another building South of "8", where there is no title as yet.

       

      What's going on? Is IE or Chrome more strict in enforcing html compliance? How can I tighten-up the syntax so that all browser renditions will behave properly? What is the best browser for testing, to ensure that this code will give correct behavior in all browsers?

       

      Here is the link, again, in case of need:  http://clubsidereserve.org/Renovation/PaverProject.html.

       

      The code in question is here:

       

      <map name="Bg10">

        <area shape="rect" coords="573,140,631,186" href="#" alt="B10" title="Bldg 10 S 08-01 ETC 08-03" alt="Bldg10">

        <area shape="rect" coords="478,147,518,185" href="#" alt="B09" title="Bldg 09 ESD 08-04 ETC 08-06" alt="Bg9">

        <area shape="rect" coords="406,126,451,169" href="#" alt="B08" title="Bldg 08 ESD 08-07 ETC 08-08" alt="Bg8">

        <area shape="rect" coords="383,190,425,227" href="#">

      </map>

       

      Any ideas? Thanks in advance.

        • 1. Re: Image Map Error in IE
          MurraySummers CommunityMVP

          The first thing to do is to fix the validation errors on the page -

           

          http://validator.w3.org/unicorn/check?ucn_uri=http://clubsidereserve.org/Renovation/PaverP roject.html&ucn_task=conformance

           

          Some are much more troubling than others but all are important.  Can you do that?  Fixing them will likely take care of your IE issues too (the duplicate alt attributes in your image map).

          • 2. Re: Image Map Error in IE
            Jack Community Member

            Many thanks. Had forgotten about that resource, big help. Fixing errors cleared all problems. Actually, DW-CS4 was partly at fault, by appearing to be  prompting for the extra "ALT" tags.

             

            Tried validating a WordPress site of interest, and was overwhelmed with css errors. What is the possible  impact of all those issues? I'm guessing, potential for improper rendering? Or could it be that the W3 standards are a bit dated?

             

            In real terms, what can one expect, if the default behavior induces all those errors? Short of a time-consuming trial-and-error process of elimnating/applying one style over another, the user has little control over this.

             

            If intersted, the URL is at this link.

            • 3. Re: Image Map Error in IE
              MurraySummers CommunityMVP

              Tried validating a WordPress site of interest, and was overwhelmed with css errors. What is the possible  impact of all those issues? I'm guessing, potential for improper rendering? Or could it be that the W3 standards are a bit dated?

               

              Most likely the errors were caused by the validator being flummoxed by CSS3 usages.  Since CSS3 is NOT yet a standard, even though most browsers support many of the styles, this is what happens.

               

              My goal is to code in such a way that the page's HTML validates.  That way, when I do have a layout problem, I can immediately eliminate coding errors easily by validating.  When I know that my baseline code is valid, this makes it easy.  If I start with this process on a page that has 100 validation errors to begin with, there's too much chaff to easily find the wheat, doncha know.

               

              I scan through the CSS errors and warnings to eliminate those that are "intentional", but my CSS code is usually pretty clean so I don't worry too much about that.