Image Map IE Problem. I have due date FEB 20.

[BSM2049]

Little House.zip (http://www.wku.edu/%7Emarkanthony.echipare/HW3%20Little%20House%20Image%20Mapping.zip)

Hey all it's been a while. This is due FEB 20th, but keep reading. I haven't found any answers to my problem yet.

Okay so this semester I'm taking a 'web programming' class. I'm in it for the server side programming and database handling, but we are going from basics, and boy do they use HTML like amateurs and don't get me started on the CSS.

Okay so one of my assignments is the use of image maps on a simple house image. I know how to create the map, the areas, and link the image to the map coordinates and everything works fine...in Firefox.

The problem is IE. The image map completely doesn't work in IE. I don't know why either.

I had a similar assignment before hand using image maps and that web page works fine in both browsers. I checked the code and could find nothing wrong. I don't get why this new page isn't registering the shapes with IE.

I looked around for errors, and some say the hash mark is needed, but my usemap attribute already had that anyway. The only difference between the web page that works and the new on is that the there were multiple images using different image maps. This new page uses just one image with different areas.

I really don't get. Can anyone enlighten me on what I am doing wrong?

I have included a .ZIP with all the files needed to run the web page. P146Q18.MAE Little House Frame.html is the file I've been working on. I've included on that page a shape from the page that does work. Maybe there is a connection I am missing.

Little House.zip (http://www.wku.edu/%7Emarkanthony.echipare/HW3%20Little%20House%20Image%20Mapping.zip)

Please I am trying to solve this problem before Feb 20th. This seems so simple, but IE is vexing me.

Seriously this class is a joke right now. They don't even cover the difference between using ids and classes. I had to explain em to the whole class, even the professor. LOL.

Please help. I can't find what I am doing wrong.

Little House.zip (http://www.wku.edu/%7Emarkanthony.echipare/HW3%20Little%20House%20Image%20Mapping.zip)

[BSM2049]

Okay so apparently IE doesn't handle white spaces as it's supposed to.

When I list multiple attributes or coordinates for a specific tag, in order to preserve clean documentation, I skip a line and indent underneath the head of the tag. I have always done this. For my programming classes like Java it keeps the code from running off screen to the right and puts all the information anyone would need in view. As so:




<img src=""
alt=""
title=""
usemap="house" />
...
<map name="house">

<area shape="poly"
coords="18, 190,
15, 180,
72, 259,
34, 124"
href=""
target="" />

</map>


Apparently IE likes to disregard white space rules that all other programming languages easily and correctly interpret.

IE fixed itself after I formatted the coordinates to one line.



coords="18, 190, 15, 180, 72, 259, 34, 124"


I just hope IE isn't going to disregard white space conventions by the time I start coding JavaScript. I have a particular way I space and indent my Java code, especially with lengthy Strings in print statements, and declaring variables of the same type, and many other areas.

Really IE, what a crock of *explicative*.

[moninator]

Okay so apparently IE doesn't handle white spaces as it's supposed to.

When I list multiple attributes or coordinates for a specific tag, in order to preserve clean documentation, I skip a line and indent underneath the head of the tag. I have always done this. For my programming classes like Java it keeps the code from running off screen to the right and puts all the information anyone would need in view. As so:




<img src=""
alt=""
title=""
usemap="house" />
...
<map name="house">

<area shape="poly"
coords="18, 190,
15, 180,
72, 259,
34, 124"
href=""
target="" />

</map>
Apparently IE likes to disregard white space rules that all other programming languages easily and correctly interpret.

IE fixed itself after I formatted the coordinates to one line.



coords="18, 190, 15, 180, 72, 259, 34, 124"
I just hope IE isn't going to disregard white space conventions by the time I start coding JavaScript. I have a particular way I space and indent my Java code, especially with lengthy Strings in print statements, and declaring variables of the same type, and many other areas.

Really IE, what a crock of *explicative*.

Think you're missing a #:

<img src='../image.jpg' usemap="#map" />