Add Subject Here

Hi my name is Desi Bravo, and I am an intermediate web developer. I do this on my own and help others create their own web site.

I am having trouble with the tags some are deprecated and some are to be discontinued. I keep getting errors on image maps.

I also been testing on different web browsers for compatibility issues and so far its working good. The testing browsers are

Opera, Safari, Firefox and Internet Explorer. The outline of my xhtml is good on all the mentioned browsers. In my image map

I have this: <map id=”Navigation” name=”Navigation”> If I omit the name=”Navigation” it will  not generate the image buttons, in another words the click event will not work on Safari and Firefox. But with the full id and name attributes it works fine on all testing browsers.

Also in this tag is what I have: <img id=”left” src=”Images\jpg\Stephanie2.jpg” usemap=”#Navigation”/> I am also getting errors on this image tag.

When using the div tag to align the image buttons it does not generate the look I need for all the browsers, and I am getting errors on pound sign and if I omit the pound sign then the click event will also not work in Opera and Firefox. I believe that is needed when tells the browser its an image map and points to the actual map for the coordinates. Is it possible to check on this image map code. The way it is works good and renders the entire outline good and the buttons get the click event to navigate to other web sites. I cannot validate the web page because of the mentioned error.

Once, all is eliminated according to the validator then the pages will not work only in Internet Explorer and the click events will also not work unless its in Internet Explorer.

Here is my image map map:

<map id="Navigation" name="Navigation">

        <area shape="rect" coords="7,12,195,55" href="http://www.eastofthesun.com" alt="PI8Tutorial"/>

            <area shape="rect" coords="9,65,192,107" href="http://www.cbs.com" alt="CBSNews"/>

            <area shape="rect" coords="11,118,186,154" href="http://www.nbc.com" alt="NBCNews"/>

            <area shape="rect" coords="12,173,190,209" href="http://www.cnn.com" alt="CNNNews"/>

            <area shape="rect" coords="14,223,184,261" href="http://www.about.com" alt="AboutInformation"/>

            <area shape="rect" coords="11,273,187,315" href="http://www.codeguru.com" alt="CodeGuru"/>

            <area shape="rect" coords="12,325,186,367" href="http://www.dreamincode.com" alt="DreamInCode"/></map>                        

<img id="left" src="Images/stephanie2.jpg" usemap="#Navigation" alt="Navigation Buttons" />

I appreciate for your assistance in the mentioned problem. I shall wait for your response as it may be practible.

Thanks again!

NOTE: Whenever possible, give the address of the document you were checking. 

The following are all the errors generated by the validator:

1.      Line 38, Column 26: there is no attribute "name".

<map id="Navigation" name="Navigation">

 <http://validator.w3.org/feedback.html?uri=;errmsg_id=108#errormsg> ✉ 

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). 

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. 

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash <http://validator.w3.org/docs/help.html#faq-flash> . 

2.      ErrorLine 38, Column 38: document type does not allow element "map" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "pre", "address", "fieldset" start-tag.

<map id="Navigation" name="Navigation"> Here I need the name attribute  for other browsers click event of the buttons

 <http://validator.w3.org/feedback.html?uri=;errmsg_id=65#errormsg> ✉ 

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 

3.      ErrorLine 47, Column 51: character "#" is not allowed in the value of attribute "usemap".

… src="Images/stephanie2.jpg" usemap="#Navigation" alt="Navigation Buttons" />

 <http://validator.w3.org/feedback.html?uri=;errmsg_id=122#errormsg> ✉ Here the usemap without the pound sign will not work properly in other browsers than Internet Explorer

It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit. 

4.      ErrorLine 47, Column 90: document type does not allow element "img" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset" start-tag.

…avigation" alt="Navigation Buttons" />

 <http://validator.w3.org/feedback.html?uri=;errmsg_id=65#errormsg> ✉ Here I do have the start tag and end tag I think it means the id attribute or identifier.

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. 

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). 

5.      WarningLine 47, Column 51: reference to non-existent ID "#Navigation".

… src="Images/stephanie2.jpg" usemap="#Navigation" alt="Navigation Buttons" />

 <http://validator.w3.org/feedback.html?uri=;errmsg_id=183#errormsg> ✉ 

This error can be triggered by:

·         A non-existent input, select or textarea element 

·         A missing id attribute 

·         A typographical error in the id attribute 

Try to check the spelling and case of the id you are referring to.